首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

通过函数php在使用gutenberg创建的帖子中编辑图库

通过函数php在使用Gutenberg创建的帖子中编辑图库,可以使用WordPress提供的相关函数和API来实现。以下是一个示例代码,演示如何在Gutenberg创建的帖子中编辑图库:

代码语言:txt
复制
// 在主题的functions.php文件中添加以下代码

// 注册自定义块类型
function register_custom_block_type() {
    // 注册图库块类型
    register_block_type('your-namespace/gallery', array(
        'render_callback' => 'render_gallery_block',
    ));
}
add_action('init', 'register_custom_block_type');

// 图库块的回调函数
function render_gallery_block($attributes) {
    // 获取图库块的属性
    $gallery_images = $attributes['images'];

    // 根据属性渲染图库块的内容
    $output = '<div class="gallery-block">';
    foreach ($gallery_images as $image_id) {
        $image_url = wp_get_attachment_image_url($image_id, 'full');
        $output .= '<img src="' . $image_url . '" alt="Gallery Image">';
    }
    $output .= '</div>';

    return $output;
}

在上述代码中,我们首先通过register_block_type函数注册了一个自定义的图库块类型。然后,在render_gallery_block函数中,我们根据图库块的属性渲染了图库块的内容。在这个示例中,我们假设图库块的属性中包含了一个images数组,其中存储了图库中每张图片的ID。我们通过wp_get_attachment_image_url函数获取每张图片的URL,并将其渲染为<img>标签。

要在Gutenberg编辑器中使用这个自定义的图库块,你可以在文章或页面中添加一个新的块,并选择"图库"块类型。然后,你可以在块的设置中上传或选择图片,并保存块。在前台展示时,这个图库块将会根据你上传或选择的图片显示出来。

这只是一个简单的示例,你可以根据自己的需求进行扩展和定制。如果你想了解更多关于WordPress开发和Gutenberg编辑器的知识,可以参考腾讯云的WordPress产品文档:WordPress产品文档

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

PHPstrpos函数正确使用方式

首先简单介绍下 strpos 函数,strpos 函数是查找某个字符字符串位置,这里需要明确这个函数作用,这个函数得到是位置。 如果存在,返回数字,否则返回是 false。...而很多时候我们拿这个函数用来判断字符串是否存在某个字符,一些同学使用姿势是这样 // 判断‘沈唁志博客’是否存在‘博客’这个词 if (strpos('沈唁志博客', '博客')) {...echo '不存在'; } 输出了’不存在’;原因是因为 ‘沈’ ‘沈唁志博客’第 0 个位置;而 0 if 中表示了 false,所以,如果用 strpos 来判断字符串是否存在某个字符时...必须使用===false 必须使用===false 必须使用===false 重要事情说三遍,正确使用方式如下 // 判断‘沈唁志博客’是否存在‘博客’这个词 if (strpos('沈唁志博客...原创文章采用CC BY-NC-SA 4.0协议进行许可,转载请注明:转载自:PHPstrpos函数正确使用方式

5.1K30

WordPress 初学者词汇表(术语解释)

slug是 URL 包含帖子名称部分。它通常只有几句话,旨在描述帖子内容。WordPress 自动使用帖子标题作为 slug,但您可以根据需要编辑 slug。...例如,超级管理员有权访问您 WordPress 网站任何部分,他们可以安装主题或插件,他们可以发布、编辑或删除任何人创建内容。另一方面,作者通常只能创建和发布帖子以及编辑他们创建内容。...Gutenberg(古腾堡) Gutenberg是默认包含在 WordPress 无代码内容构建器。...Visual Composer 前端编辑器 一些最常见和最好页面构建器(我们看来)包括 Elementor、WP Bakery 和 Gutenberg。...您可以通过帖子和标题中使用相关标签、类别和关键字,以及通过编写标题来告诉访问者您帖子是关于什么,来改进您WordPress SEO 。

7.2K20
  • WordPress 4.9.8版本正式发布,修复了46个问题

    下面我们说一说 WordPress 4.9.8 版本亮点: 包含“Try Gutenberg”标注 WordPress 4.9.8 包含“Try Gutenberg”标注,鼓励网站所有者安装 Gutenberg...插件,以测试他们现有内容和插件如何与块编辑器一起使用。... WordPress 4.9.8 ,标注将显示给以下用户: 如果未安装或激活 Gutenberg,则会在单个站点上向管理员用户显示标注,多站点上显示超级管理员用户。...除了主要关注点之外,4.9.8 另一个值得注意变化是开发人员现在可以为对象子类型注册元键: 使用 WordPress 4.9.8,register_meta()函数不仅支持整个对象类型(帖子,术语,...注释,用户)元数据注册,还支持特定对象子类型(例如特定帖子类型或分类)元数据注册。

    1.3K20

    从Rust到远方:PHP星系

    需要两步:通过调用析构函数来析构对象(在用户态),然后真正释放它(虚拟机) static void destroy_parser_node_object(zend_object *gutenberg_parser_node_object...初始化过程我们将在用户态创建类以及声明其属性等。...字符串值input,字符串长度input_len。下一步是解析输入。(不需要字符串长度)。这就是我们要调用Rust代码地方!...结论 这个旅程是这样: 一个PHPstring, Gutenberg扩展中分配属于Zend Engine, 通过FFI传递给Rust(静态库 + 头文件), 从Gutenberg扩展回到Zend...我们已经看到现实世界如何用Rust编写一个解析器,如何将其绑定到C然后编译到一个静态库和C头文件,如何创建一个PHP扩展暴露一个函数和两个对象,如何将C绑定集成到PHP,以及如何在PHP使用这个扩展

    1.1K40

    盘点2020年wordpress常用50个插件合集-吐血推荐

    7、Contextual Related Posts 选择上下文相关帖子网站或Feed显示一组相关帖子。...提高读者保留率并降低跳出率 8、Disable Google Fonts 选择禁用Google字体,停用Google字体,禁用WordPress核心使用Google字体排队,默认主题,Gutenberg...9、Disable Gutenberg 选择禁用古腾堡,禁用古腾堡块编辑器,并还原“经典编辑器”和原始编辑帖子”屏幕。提供用于启用特定帖子类型,用户角色等选项。...URLs 选择简单URL,简单网址是一个完整网址管理系统,可让您使用自定义帖子类型和301重定向来创建,管理和跟踪网站出站链接。...38、WP SMTP 选择WP SMTP WP SMTP可以帮助我们通过SMTP而不是PHP mail()函数来发送电子邮件。

    5.5K10

    WordPress 5.0默认老版编辑

    方法3一句代码禁用Gutenberg古腾堡 编辑器其实之前经典Classic Editor编辑器代码,WordPress 50并没有被删除,上述插件也只是个切换开关而已。...关键代码就一句 addfilteruseblockeditorforpost,returnfalse将代码添加到当前主题函数模板functionsphp,即可切换回之前编辑器,根本不需要那些插件。...目的是能为用户创建丰富多媒体内容时,提供更灵活独特布局。 ? 自WordPress 4.9.8以来,WordPress核心团队已经发布了一个试用Gutenberg调用。...方法2:使用Disable Gutenberg插件 如果你网站有很多专栏作者用户,可能他们使用编辑习惯不同,那么他们选择也是不同。...关键代码就一句: add_filter('use_block_editor_for_post', '__return_false'); 将代码添加到当前主题函数模板functions.php,即可切换回之前编辑

    1.3K10

    WordPress 6.1 正式版已发布,最全新功能图文介绍

    状态和可见性面板现在称为摘要 摘要面板下永久链接和模板选项 改进信息面板 站点图标将替换 WordPress 徽标 新首选项 站点编辑创建更多模板 快速搜索和使用模板部分 站点编辑快速清除自定义...您也可以撰写文章和页面时选择这些字体。 总体而言,Twenty Twenty-Three 提供了一个漂亮画布,可以使用站点编辑器中提供设计工具创建一个网站。...块编辑器改进 WordPress 用户大部分时间都在使用编辑器为他们网站创建帖子和页面。 每个 WordPress 版本都对编辑器进行了大量改进。...摘要面板下永久链接和模板选项 固定链接和模板选项帖子设置下有自己面板。 WordPress 6.1 ,这些面板合并在摘要面板下。...站点编辑创建更多模板 经典 WordPress 主题中,用户可以使用模板层次结构创建模板,并通过编写代码来扩展他们 WordPress 主题。

    4.7K30

    WordPress 6.0 正式版发布 版本详细讲解

    Gutenberg 扩展到 WordPress 完整站点编辑体验意味着社区必须解决所有问题都是复杂而深远。WordPress 6.0 是社区致力于共同应对这些严峻挑战一个例子。...通过对写作体验周到更新、构建更好块功能以及添加新直观风格切换器,我为在此版本中所做工作以提供出色站点编辑体验感到非常自豪。...探索更多简化内容创建过程方法,包括: 跨多个块选择文本以便于复制和粘贴。 键入两个左括号` [[` 以快速访问最近帖子和页面列表。...使用您已经知道工具或此版本以下新选项定制每个工具: 特色图像可用于封面块。 新特色图像大小控件使您更容易获得所需结果。...组块中一次控制一组块间隙、边距、排版等。 堆栈、行和组变体之间切换以定位具有更大布局灵活性块组。 使用图库间隙支持功能来创建不同外观 – 从添加所有图像之间间距,到完全消除间距。

    1.6K40

    Varient:一个多用途新闻和杂志系统,可上传视频音频等

    说明:Varient是一个多用途新闻和杂志系统。它具有干净代码,响应式和用户友好设计。您可以使用其强大管理面板来管理网站几乎所有内容。...干净响应式设计 使用Bootstrap构建 系统安全性高 Seo优化 搜索引擎友好网址 多种语言支持(简体中文,英语,德语,法语,土耳其语,葡萄牙语,俄语,意大利语,西班牙语) 10个布局颜色 可编辑和可排序导航...(使用超级菜单) 用于导航外部链接和下拉选项 响应式和可排序滑块 适用于任何类型广告代码自适应广告空间(包括Adsense) 创建广告代码 添加无限制完全可编辑页面 显示和隐藏页面选项,页面标题...,页面导航,页面右栏 图库页面(启用和禁用选项) 画廊类别 联系页面(使用Google地图) 在网站搜索 阅读列表页面(从列表添加和删除) 精选文章 新闻速递 添加,删除,更新帖子 视频发布选项 音频发布选项...RSS聚合器系统(使用Cron作业自动更新) RSS源(有不同频道) 30个字体选项 富文本编辑器(可添加图像和视频) 具有3个角色会员系统(管理员,作者,用户) 管理注册用户 禁止用户帐户 更改用户角色

    1.4K00

    为何PHP使用率大降40%?

    在年度 Stack Overflow 开发者调查PHP 已从 2018 年 30.7%(即使用 PHP 受访者百分比)下降到 2023 年 18.58%。...Mullenweg 还谈到了他希望 WordPress 中看到进一步改进——令人惊讶是,他现在至少通过 JavaScript 镜头来查看其中一些改进。...也许浏览器中使用 JavaScript(现在拥有令人难以置信虚拟机和真正快速处理器)比服务器端执行此操作更快。”...在演讲最后,有人问 Mullenweg 他对 Gutenberg 项目以及开发人员在为其做出贡献时遇到困难有何感想。特别是,提出这个问题开发人员希望“降低 Gutenberg 抽象级别”。...然而,仍然有相当多开发者使用 PHP——两项大型开发者调查,18% 比例并非微不足道。这就是 PHP 基金会发挥作用地方。

    22810

    WordPress短代码怎么在当前文章内引用评论

    强大 WordPress 当然是可以做到,自身自带函数就可以获取到相关信息 Demo 这里就不放了,我站点用不到,大概说一下实现过程 使用自带函数,检索评论列表 get_comments( string...comment-mixtapeEmbed">'; foreach ($fa_comments as $key => $fa_comment) { // 正则匹配获取评论链接...文章调用: [fa_insert_comments] 或者 [fa_insert_comments id=666] 666 为文章ID,默认当前文章ID 前提是5.0之前编辑器中使用,5.0之后是...Gutenberg编辑器,这个编辑器怎么玩都不知道,已经是禁用状态了 使用如下代码禁用掉 //禁止 WordPress5.0 使用 Gutenberg编辑器 add_filter('use_block_editor_for_post...

    86010

    wordpress提示Updating failed. The response is not a valid JSON response如何解决

    随ytkah一起来看看 1.禁用块编辑器并切换回经典编辑器 错误“更新失败。错误消息:响应不是有效 JSON 响应。” 绝大多数出现在名为 Gutenberg 新 Block 编辑。...但是如果您仍然想使用编辑器怎么办? 好问题。您可能无法选择恢复到经典编辑器。在这种情况下,您应该遵循我们 PassionWP 上所做事情。...现在尝试使用编辑编辑现有帖子创建帖子。您不应遇到 JSON 响应错误。但是,可能是编辑器无法自动保存您更改。 在这种情况下,按Ctrl + S(Mac 为 Cmd + S)手动保存更改。...使用 SSL 证书可能会导致某些内容 HTTP 协议上不安全地交付,即使其余内容通过 HTTPS 协议以安全方式交付。...如何修复响应不是 WordPress 有效 JSON 响应错误 非常简单 SSL 设置 保存更改后,返回您正在处理帖子并尝试保存您帖子或页面。

    4.9K30

    WordPress 5.0后版本退回旧版编辑器方法

    WordPress更新到5.0版本之后,新加入了Gutenberg编辑器(或称block 编辑器),取代了之前一直使用经典编辑器。尝试了一下啊 发现真的是非常不好用。...这个新编辑器将所有的元素(段落、图片、代码、表格等)化成区块表示,区块之间顺序可以调换,然而这些区块做实在是太不人性化了,完全不符合国人使用习惯。...禁用方法方法一:下载Disable Gutenberg 插件或者Classic Editor插件可以关闭这个编辑器方法二:模板 functions.php 文件,加入如下代码:add_filter...('use_block_editor_for_post', '__return_false'); // 禁止加载Gutenberg(古腾堡) 编辑器remove_action( 'wp_enqueue_scripts

    55930

    从Rust到远方:C星系

    通过设计,C提供了有效地映射到典型机器指令构造,因此它在以前用汇编语言编码应用程序得到了持久使用,包括操作系统,以及从超级计算机到嵌入式系统各种计算机应用软件。 ?...因为像PHP或Python这样语言都是用C语言编写我们特定Gutenberg解析器用例,这意味着解析器可以被PHP或Python直接嵌入和使用,几乎没有开销。非常整洁! Rust ?...更多细节 原始源代码,可以找到一个stdout上打印整个AST递归函数,即print(够原始吧,不是吗?)。下面是Rust语法和C语法之间一些并列比较。...如果我们想访问下一个元素,我们需要使用Vec::from_raw_parts函数来获得适当Rust API来操作这个向量。 #结论 我们已经看到Rust可以很容易地嵌入C。...本例,Rust已编译为一个静态库和一个头文件;前者是原生Rust工具,后者是使用cbindgen自动生成。 用Rust编写解析器操作一个由C分配和拥有的字符串。

    1.3K20

    短短两年使用率下滑 40%!曾经风靡全球 PHP 为何逐渐失去优势?

    在年度 Stack Overflow 开发者调查报告PHP 市场占比也从 2018 年 30.7%(即受访者当中使用 PHP 百分比)下降至 2023 年 18.58%。...截至 2021 年 11 月一项调查显示,PHP 互联网前百万个网站占比仍在 3 万以上。但如今两年多过去,其占比已经下滑至 1.5 万左右。...18% 这个比例与 Stack Overflow 及 JetBrains 调查发现高度吻合,因此我们可以基本确定,PHP 开发者受欢迎程度已经从之前约 30% 萎缩至现在 18%。...比如对于正在编辑内容,这部分处理就可以交给客户端。这种浏览器运行 JavaScript 速度可能会更快,因为现在虚拟机和性能极强处理器已经相当普遍。”...但好消息是,仍然有相当一部分开发者群体会继续使用 PHP——毕竟两轮大规模开发者调查这 18% 对应着相当体量从业受众。而 PHP 基金会将继续为他们提供支持。

    93410

    WordPress 禁用 Rest API 默认路由兼容古腾堡 Gutenberg 编辑

    但是由于 WordPress 默认使用编辑器(古腾堡 Gutenberg),所有如果直接使用代码禁用 WordPress Rest API 默认路由就会导致后台编辑器无法正常使用。...文件可以直接禁用 WordPress 默认路由 }); 如果你已经使用类似或者有其它方法禁用了 WordPress 默认路由,建议删除后使用子凡以上提供代码,如果从未使用过类似的功能或插件,可以复制以上代码到你当前所用主题...functions.php 文件即可。...需要说明是,以上代码主要实现原理就是判断用户是否登录以及是都有编辑权限,只有当用户登录,且拥有文章编辑权限用户才不会禁用默认路由,以达到兼容古腾堡编辑目的,当然如果你像子凡一样只用 WordPress...除非注明,否则均为泪雪博客原创文章,禁止任何形式转载 本文链接:https://zhangzifan.com/wordpress-rest-api-support-gutenberg.html

    70490
    领券