【问题标题】:Wordpress gallery remove <br />WordPress 画廊删除 <br />
【发布时间】:2015-03-16 16:23:21
【问题描述】:
刚刚意识到默认情况下,画廊帖子类型在每三张图片之后的代码中有<br style="clear: both"> 标签(每三张,因为我在画廊选项中选择了 3 列图片)。
我应该在哪里修改或添加主题代码,以防止这些标签被推送到我的画廊帖子,因为这会破坏平板电脑的响应式布局。
也许在我的函数文件中添加一些 php。
我尝试在画廊帖子下的 <br /> 标签上使用 css 以显示:无。这解决了部分问题 - 删除了换行符,但仍然弄乱了我在 nth-child(2n) 上应用的 css。
任何建议或链接都会有很大帮助。
【问题讨论】:
标签:
php
css
wordpress
image-gallery
【解决方案1】:
第一个选项:PHP FIX
您可以对主题文件夹中的functions.php 文件执行某些操作,以确保删除整个图片库中的
标签或其实例。
add_filter( 'the_content', 'remove_br_gallery', 11, 2);
function remove_br_gallery($output) {
return preg_replace('/<br style=(.*)>/mi', '', $output);
}
或作为第二个选项:CSS FIX
style.css 在你的主题文件夹中添加:
.gallery br {
display:none;
}
.gallery:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
【解决方案2】:
您可以使用nth-of-type 选择器,应该这样做。
.gallery-item:nth-of-type(2n) {
/* styles */
}
是的,隐藏<br> 是个好主意。
.gallery br {
display: none;
}
【解决方案3】:
Preg 替换应包含撇号。
return preg_replace('/<br style="(.*)">/mi','',$output);