前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >WordPress 6.0 扩展了修改内容中图片标签的能力

WordPress 6.0 扩展了修改内容中图片标签的能力

作者头像
Denis
发布2023-04-13 11:12:52
7160
发布2023-04-13 11:12:52
举报

WordPress 6.0 新增了一个新的 filter 接口:wp_content_img_tag,可以用来调整通过 the_content filter 处理之后的内容中的图片标签

WordPress 最初在 5.5 版本的时候引入了 wp_filter_content_tags() 函数,用于修改内容中的特定的元素,主要是图片和 iframe。在 WordPress 6.0 版本之前,如果要修改图片标签,就是用和 wp_filter_content_tags() 函数中一样复杂的正则表达式来匹配图片,这样增加了程序的复杂性和服务器的开销,所以这个新的 wp_content_img_tag filter 就是为了解决这个问题。

如何使用

wp_content_img_tag filter 支持下面这些参数

  • $filtered_image: 字符串,含有将替换原始图片标签的属性的完整 img 标签。
  • $context: 上下文,一般是调用  wp_filter_content_tags() 函数的 filter 名称。
  • $attachment_id: 图片的附件 ID,如果不是媒体库里的图片则为0。

这个 filter 必须返回字符串,然后替换传递给过滤器的 img 标签。

使用示例

比如下面的代码使用这个 filter 给内容中的图片标签加上边框颜色样式属性:

add_filter( 'wp_content_img_tag', function ( $filtered_image, $context, $attachment_id ) {
    $style = 'border-color: #cccccc;';
 
    $filtered_image = str_replace( '<img ', '<img style="' . $style . '" ', $filtered_image );
 
    return $filtered_image;
}, 10, 3 );

wp_filter_content_tags() 函数最初引入只是为了让图片支持延迟加载功能, 现在已经成为了修改内容中图片标签以实现各种功能增强的标准方法,现在 6.0 版本引入 wp_content_img_tag filter 通过让开发人员可以通过插件实现定制来进一步增强它的能力。

WPJAM Basic 对 CDN 图片的处理,下一版在判断是 6.0 之后会改成该方法实现。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 如何使用
  • 使用示例
相关产品与服务
内容识别
内容识别(Content Recognition,CR)是腾讯云数据万象推出的对图片内容进行识别、理解的服务,集成腾讯云 AI 的多种强大功能,对存储在腾讯云对象存储 COS 的数据提供图片标签、图片修复、二维码识别、语音识别、质量评估等增值服务。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档