WordPress 文章p、a 等标签自动插入指定 Class 方法

2020.07.31 No Comments 238 次阅读

上周在写个主题,因为引用了开源的 CSS 框架,各类前端标签添加 Class 就行,比较简单。但写到文章内容的时候就有问题了,内容都是 WP 自己输出的,我控制不了所使用的 Class。

问了一下 desin(我爱水煮鱼博客作者) 有没有不写 js 去添加 class 的方式,desin 提到可以看一下 content 的文档。研究了一下,问题解决。

代码丢上来,仅供大家参考,复制下面的代码丢到主题 function.php 文件的 <?php 下面一行即可 :

# 文章内 img 标签自动添加 img-res Class
function img_paragraph($content){
    return preg_replace('/<img([^>]+)?>/', '<img$1 class="img-res">', $content);
}
add_filter('the_content', 'img_paragraph');

同理,你要控制 p 标签的话,代码如下:

# 文章内 p 标签自动添加 mt1em mb1em lh-180 三个 Class
function p_paragraph($content){
    return preg_replace('/<p([^>]+)?>/', '<p$1 class="mt1em mb1em lh-180">', $content);
}
add_filter('the_content', 'p_paragraph');

再次声明哈,代码仅供参考,使用后有问题我不负责,但可以留言我看看能否帮你解决。

Leave a Reply