IT博客汇
  • 首页
  • 精华
  • 技术
  • 设计
  • 资讯
  • 扯淡
  • 权利声明
  • 登录 注册

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

    周良粥凉发表于 2020-07-31 15:10:25
    love 0

    上周在写个主题,因为引用了开源的 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');
    

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

    改文章 WordPress 文章内容自动为 a、p 等标签插入指定 Class 方法 首发自 周良博客.



沪ICP备19023445号-2号
友情链接