WordPress 图库删除 <br />

Question

刚刚意识到默认情况下图库 post 类型在代码中每三张图片后都有 <br style="clear: both"> 标签（每 3 张，因为我在图库选项中选择了 3 列图片）。

我应该修改或添加到我的主题代码中的内容和位置，以防止这些标签被推送到我的画廊 post，因为这会破坏平板电脑的响应式布局。

可能会在我的函数文件中添加一些 php。

我尝试在图库 post 下的 <br /> 标签上使用 css 来显示：none。这解决了部分问题 - 删除了换行符，但仍然弄乱了我在第 nth-child(2n).

上应用的 css

任何建议或链接都会有很大帮助。

Answer 1

您可以使用 nth-of-type 选择器，应该可以。

.gallery-item:nth-of-type(2n) {
    /* styles */
}

是的，隐藏 <br> 是个好主意。

.gallery br {
    display: none;
}

Answer 2

第一个选项：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: &quot; &quot;;
    clear: both;
    height: 0;
}

Answer 3

Preg 替换应包含撇号。

return preg_replace('/<br style="(.*)">/mi','',$output);

WordPress 图库删除 <br />

Wordpress gallery remove <br />

css

php

wordpress

image-gallery