только что понял, что по умолчанию тип сообщения в галерее имеет <br style="clear: both">
теги в коде после каждых трех изображений (каждые 3, потому что я выбрал 3 столбца фото в настройках галереи).
Что и где я должен изменить или добавить в код своей темы, чтобы эти теги не помещались в мои публикации в галерее, поскольку это разрушает адаптивный макет для планшетов.
Может быть, добавив немного php в мой файл функций.
Я пытался использовать CSS на <br />
теги под сообщениями галереи для отображения: нет. Это решает часть проблемы — удаляет разрывы строк, но все равно портит мой CSS, примененный к nth-child (2n).
Любые предложения или ссылки очень помогли бы.
Ты можешь использовать nth-of-type
селектор, который должен это сделать.
.gallery-item:nth-of-type(2n) {
/* styles */
}
И да, держи <br>
как скрытый это хорошая идея.
.gallery br {
display: none;
}
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;
}
Preg замена должна содержать апострофы.
return preg_replace('/<br style="(.*)">/mi','',$output);