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; }
教程结束