wordpress文章图片自适应

    其实关于wordpress文章图片自适应这个教程,网上已经有很多了,但是为了方便自己与自己的记录还是写一下。

    首先我们为文章class添加样式

    本站这样添加的

    #primary .area .single-content img{
    margin:0 auto;
    max-width: 780px;
    width:expression(this.width > 780 ? "780px":(this.width+"px"));
    height:auto;
    display:block;
    }

    第二,路兜的解决办法,在functions中加入一下代码:

    add_filter('the_content', 'addhighslideclass_replace');
    function addhighslideclass_replace ($content)
    {   global $post;
    $pattern = "/<a(.*?)href=('|\")([^>]*).(bmp|gif|jpeg|jpg|png)('|\")(.*?)>(.*?)<\/a>/i";
    $replacement = '<a$1href=$2$3.$4$5 class="highslide-image" onclick="return hs.expand(this);"$6>$7</a>';
    $content = preg_replace($pattern, $replacement, $content);
    return $content;
    }

    教程结束

    Responses

    您的电子邮箱地址不会被公开。 必填项已用*标注