将类添加到Wordpress图像<a>锚元素

 你的美丽来自我的设计 发布于 2023-01-11 16:58

我需要的风格,四周嵌在没有字幕后的图像去的元素,但据我可以告诉有没有办法自动添加一个类,或目标s的一个内只有不使用jQuery或一些东西.

这是他们默认出来的方式:

Sample Image

是否有一个简单的wordpress PHP方法,我可以在默认情况下在所有这些元素上设置一个简单的".img"类?

令人困惑的是,这不是Wordpress中的标准功能,很多人抱怨它,但据我所知,没有实际的解决方案.

为了澄清,这应该适用于帖子中的现有图像,而不仅仅是我未来的帖子!

1 个回答
  • 如果您能够编辑functions.php文件,则添加此代码.经过测试和验证:

    /**
     * Attach a class to linked images' parent anchors
     * Works for existing content
     */
    function give_linked_images_class($content) {
    
      $classes = 'img'; // separate classes by spaces - 'img image-link'
    
      // check if there are already a class property assigned to the anchor
      if ( preg_match('/<a.*? class=".*?"><img/', $content) ) {
        // If there is, simply add the class
        $content = preg_replace('/(<a.*? class=".*?)(".*?><img)/', '$1 ' . $classes . '$2', $content);
      } else {
        // If there is not an existing class, create a class property
        $content = preg_replace('/(<a.*?)><img/', '$1 class="' . $classes . '" ><img', $content);
      }
      return $content;
    }
    
    add_filter('the_content','give_linked_images_class');
    

    2023-01-11 17:01 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有