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;
}

教程结束

发表回复

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