当前位置: 首页 > 技术资讯 >

WordPress 5.7 引入新钩子,用于过滤单个区块的内容

WordPress 的 render_block()函数负责将每个单独的区块呈现为HTML字符串。有几种可用的过滤器,它们允许插件和主题更改区块的呈现方式。

pre_render_block:render_block()通过返回非空值允许短路。render_block_data:在处理render_block()前,过滤要渲染的块。render_block_context:过滤提供给渲染块的默认上下文。render_block:过滤单个块的内容。

虽然这些过滤器可以对如何渲染单个块进行大量控制,但是在进行任何修改之前,挂钩函数需要对正在渲染的块具有所需块类型进行一些验证。

在WordPress 5.7中,将引入一个新的动态过滤器 render_block_{$this->name},从而使函数仅可以挂钩到特定类型的块。在新的过滤器中,{$this->name}代表已注册块的名称或slug别名。例如,可以使用render_block_core/paragraph过滤以core/paragraph名称注册的段落块。

这减少了以前针对特定块类型的呈现所需的代码量。

用法示例

以下示例将过滤所有 core/paragraph块,并将它们包装在一个<div>元素中。

/**
* Wrap all core/paragragh blocks in a <div>.
*
* @param string $block_content The block content about to be appended.
* @param array  $block         The full block, including name and attributes.
* @return string Modified block content.
*/
function wporg_paragraph_block_wrapper( $block_content, $block ) {
$content  = ‘<div class=”my-custom-wrapper”>’ . $block_content . ‘</div>’;
return $content;
}
add_filter( ‘render_block_core/paragraph’, ‘wporg_paragraph_block_wrapper’, 10, 2 );

输出结果:

<div class=”my-custom-wrapper”>
<!– block content –>
</div>

注意:所有WordPress Core区块类型的名称都以前缀core/。对于在插件或主题中

相关文章:

  • 外贸新人必知的一些外贸误区
  • 自动化测试,让你上班拥有一杯咖啡的时间 | Day 20 - invoke 的用法
  • 亚马逊卖家运营店铺不要踩的五个红线
  • 通过BuyBox实现销售的百分比有多少?
  • DAY09 - 孤独的自学之路需要提问的智慧
  • 跨境电商做日本站,哪些产品会被禁运?
  • DAY 3 - 飞天鲸鲨
  • 第24天~Firebase
  • 如何绕开服务商找到Facebook群主发折扣贴
  • 第六章 之六
  • Lazada站内选品策略
  • [Golang]panic是什麽?-心智图总结
  • 【从实作学习ASP.NET Core】Day16 | 後台 | 会员的角色
  • [常见的自然语言处理技术] 文本相似度(IV): 建立自己的Word2vec模型
  • 对外贸易的一些经验总结
  • 最好用的云服务器推荐:什么云服务器稳定好用又便宜
  • WordPress教程:教你如何置顶文章
  • DNS是什么?DNS有什么用?为什么要用DNS解析域名
  • 海外营销周报:谷歌在搜索中取消Q&A功能,FaceBook Marketplace用户总量达 10 亿人 – 知外贸
  • 洛杉矶CN2服务器推荐:PCCW线路VPS,服务器服务商layerhost
  • 怎么获得菲律宾手机卡和接受短信验证码
  • VPS测评:on9host/香港WTT DIA+BGP/30M/三网直连/月付7.8刀起
  • 搬瓦工VPS注册购买教程 – 支付宝BandwagonHost购买方法教程
  • Sendgrid使用教程:利用GitHub学生包每月发送15K邮件
  • 国外VPS服务器主机为什么比较便宜?
  • Hostinger主机如何添加一个新的域名(网站),如何更改主机的主域名(Main Domain)
  • Linux运维命令大全:Linux运维要掌握哪些命令
  • G口服务器推荐:G口服务器VPS哪家好
  • 如何在Hositnger主机开启Cloudflare服务,Hositnger主机Cloudflare CDN使用教程
  • Jungle Scout选品工具中文版好用吗?亚马逊选品为什么要用JungleScout