前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >WordPress 教程:如何在发布文章前对文章内容进行预处理

WordPress 教程:如何在发布文章前对文章内容进行预处理

作者头像
Denis
发布2023-04-15 11:06:52
6180
发布2023-04-15 11:06:52
举报
文章被收录于专栏:WordPress果酱

我们在 WordPress 发表文章的时候,有时会遇到一些特殊的需求,比如把文章中的链接变成可点击,或者过滤掉文章内容 HTML 标签中的某种属性等。

我近期的项目中就遇到了后面的这个需求,因为直接粘贴复制网络上的文章,往往会夹带着 HTML 的 class、id 和 style 属性值,这些无用的内容会潜在的影响正文的排版布局和样式,所以要过滤掉。

解决思路

如果想要过滤掉发布文章时,文章内容中 HTML 标签中的 class、id 和 style 等属性,首先需要在摁下“发表”按钮的时候,使用 PHP 正则匹配对要发表的文章内容进行正则匹配处理,替换掉无用的内容,最后继续执行插入数据库的操作。所以这个问题就分成了几个小步骤:

  1. “获取”文章内容,传递给处理函数
  2. 处理函数使用正则匹配对文章内容进行处理
  3. 将处理好的内容返回,让 WordPress 把内容插入数据库

解决方案

面对第一个步骤,WordPress 有一个很强大的“钩子”(hook)开发机制,实现各种功能和开发插件必不可少的功能。简单的说,就是 WordPress 在执行某些关键性的操作时(例如发表文章、发表评论、修改文章、删除文章、新增用户等等),会插入一个“钩子”,这样你就可以在 functions.php 中或者插件中,使用 add_action 或者 add_filter 函数挂上这个“钩子”,并增加自定义的函数对数据进行一个动作或者进行过滤。

例如在发表文章的时候,在提交到插入数据库之前,会有一个叫做 wp_insert_post_data “钩子”,如果你想对文章进行过滤处理,你就需要在 functions.php 文件中,新建一个处理函数,然后将对应处理函数绑定到这个钩子上面。

首先,你需要找到你要用的“钩子”,你需要浏览 WordPress 官方的 Filter ReferenceAction Reference 文档,里面是长长的“钩子”列表,看一下下面的说明,然后找到对应的“钩子”就可以开始使用了。比较常用的“钩子”已经给出官方文档和使用说明了,例如:wp_insert_post_data,不过由于列表太长了,大部分的没有给出很详细的使用说明,就需要你按照经验来使用。

找到需要的“钩子”之后,使用 add_filter 函数(具体用法可以看一下官方文档:add filter)将钩子和处理函数进行挂钩函数用法如下:

代码语言:javascript
复制
add_filter($tag,  $function_to_add,  $priority = 10,  $accepted_args = 1);

就本例而言,基本结构如下:

代码语言:javascript
复制
<?php
function wpjam_insert_post_data( $data , $postarr ) {
  // 处理函数的逻辑部分和功能代码
  return $data;
}

add_filter( 'wp_insert_post_data', 'wpjam_insert_post_data', '99', 2 );
?>

这样,我们的第一个步骤就完成了。下面来编写函数的处理代码。既然要过滤文章中的具有某些特征的代码,所以需要使用 PHP 的正则匹配替换掉。可以使用如下的 PHP 代码:

代码语言:javascript
复制
$date = preg_replace('/<([a-z]+?)\s+?.*?>/i', '<$1>', $date);

根据 wp_insert_post_data 文档可以看出,传递进去的 data 数组里面是文章的相关信息,我们需要处理的是正文内容,所以使用 date['post_content'] 和

代码语言:javascript
复制
function wpjam_insert_post_data( $data , $postarr ) {

    $date['post_content_filtered'] = preg_replace('/<([a-z]+?)\s+?.*?>/i', '<$1>', $date['post_content_filtered']);
    $date['post_content'] = preg_replace('/<([a-z]+?)\s+?.*?>/i', '<$1>', $date['post_content']);

  return $data;
}

add_filter( 'wp_insert_post_data', 'wpjam_insert_post_data', '99', 2 );

因为函数里面已经将处理后的数据 return 了,这样第二步和第三步就完成了,我们的这个需求也就实现了。

总结

正是因为有了这种开发机制,WordPress 的灵活性和扩展性大大增强。如果你还想对文章进行其他处理(例如文章末尾加版权信息等),都可以继续编写函数,挂钩在对应的钩子即可。


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

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 解决思路
  • 解决方案
  • 总结
相关产品与服务
数据库
云数据库为企业提供了完善的关系型数据库、非关系型数据库、分析型数据库和数据库生态工具。您可以通过产品选择和组合搭建,轻松实现高可靠、高可用性、高性能等数据库需求。云数据库服务也可大幅减少您的运维工作量,更专注于业务发展,让企业一站式享受数据上云及分布式架构的技术红利!
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档