当前位置: 秋叶网络博客 WP教程 ◊ 批量去除wp文章中包裹图片的p标签

批量去除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://www.mizuiren.com/329.html
目录: WP教程 | 标签: 去除p标签 | 7577次阅读