Question

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

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

也许在我的函数文件中添加一些php。

我尝试在图库帖子下的<br />标签上使用css来显示：none。这解决了问题的一部分 - 删除了换行符，但仍然弄乱了我在第n个孩子（2n）上应用的CSS。

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

Answer 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: &quot; &quot;;
    clear: both;
    height: 0;
}

Answer 2

你可以使用nth-of-type选择器，它应该这样做。

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

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

.gallery br {
    display: none;
}

Answer 3

Preg替换应包含撇号。

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

Wordpress图库删除<br/>

3 个答案: