批量去除wp文章中包裹图片的p标签
作者:秋了秋 发表时间:2015年04月17日
WORDPRESS正文中插入的图片(img)它都会自动给你打上一个p标签,由于这p标签的插入对文章外观的影响非常大,不利于细致的美化,致使我对p标签深恶痛绝,比如说写音画文章的时候,音画中多数是图片,而图片是要紧贴table的边缘才会好看,然而一个p标签的加入打破了所有的美丽元素,使得img的样式与文章文字的样式统一了,而且文字的p之间的间隔是要有点间距才好看,但图片希望不要间距,那自然是去掉img的p标签是最好的办法,之前用过img的margin负值,只能定义某些标签里面的p里面的img,如table p img{margin-bottom:-32px;},但对于文字中的图片确是无法控制的。所以下面是去掉img外围标签p的代码,比起p来说,我更喜欢div:
//去掉图片外围标签p function img_unautop($pee) { $pee = preg_replace('/<p.*?>\\s*?(<a .*?><img.*?><\\/a>|<img.*?>)?\\s*<\\/p>/s', '<div class="figure">$1</div>', $pee); return $pee; } add_filter( 'the_content', 'img_unautop', 30 );
把这段代码放到主题的functions.php里面就行了!所有文章中的img标签只要外围第一层有p的都将替换成div!这下可以让你在广袤的土地上肆意发挥设计的灵感了~
注意:使用此方法有可能导致某些文章内容被替换,使用后请即使检查各文章内容有没被替换。
0
文章作者: “秋了秋”个人博客,本站鼓励原创。
转载请注明本文地址:http://netblog.cn/blog/329.html