Question

使用自定义引导程序和WordPress主题我需要向所有通过编辑器图库或功能图像添加/上传的图像添加/导入名为class="img-responsive"的类>。你能告诉我如何在function.php中以语法方式做到这一点吗？感谢

Answer 1

wordpress php功能

    function add_responsive_class($content){

        $content = mb_convert_encoding($content, 'HTML-ENTITIES', "UTF-8");
        $document = new DOMDocument();
        libxml_use_internal_errors(true);
        $document->loadHTML(utf8_decode($content));

        $imgs = $document->getElementsByTagName('img');
        foreach ($imgs as $img) {           
           $img->setAttribute('class','img-responsive');
        }

        $html = $document->saveHTML();
        return $html;   
}
add_filter        ('the_content', 'add_responsive_class');

或者您可以在主题的header.php文件中使用jquery代码。

    <script>
    $(document).ready(function() {
 $("img").addClass("img-responsive")
});
</script>

在WordPress中为图像添加Requird CSS类

1 个答案: