Как вернуть отступ между картинками в WordPress 6.1?

Если у вас пропал отступ между картинками после обновления до WordPress 6.1, поздравляю, вы попали в небольшой процент «счастливчиков», чьи темы не были готовы к переходу на новую версию CMS.

Чтобы решить проблему, есть три пути:

• Ждать, пока разработчики выпустят обновление для вашей темы. Плюсы — не нужно ничего искать, корректировать, рисковать столкновением с новыми багами. Минусы — патч может выйти как через неделю, так и через месяц;
• Откатить тему до предыдущей версии с помощью плагина WP Downgrade. Плюсы — позволяет быстро вернуть всё до «нормы» и избавиться от любых ошибок, а потом спокойно ждать апдейта, попивая чай у себя в квартире. Минусы — может вызвать сбой WordPress, положить сайт, поэтому вам нужно иметь доступ к хостингу и консоли администратора. Без них вы не сможете создать резервную копию БД и файлов, оперативно откатить изменения или пофиксить ошибки с помощью «Режима восстановления». Ещё один немаловажный минус — потенциальные дыры в безопасности, так что этот способ «хорошим» точно не назовёшь;
• Вернуть отступ между картинками с помощью CSS. Плюсы — изменения легко внести, коррекция работает для самых разных тем. Минусы — можно напортачить, поэтому модифицировать код лучше не в style.css, а во встроенном редакторе.

Встроенный редактор CSS — аналог ручной «надстройки» над таблицей стилей, как правило, присутствующий в премиум-темах.

Можно ли не использовать встроенный редактор CSS? Можно. Но тогда вам понадобится модифицировать шаблон после каждого апдейта, либо создавать дополнительную таблицу стилей, чтобы изменения сохранялись даже после обновления.

А теперь перейдём к практической части.

Как вернуть отступ между картинками в WordPress 6.1?

Откройте встроенный редактор CSS, затем скопируйте код со страницы ниже, чтобы изменить свойства .wp-block-image:

.wp-block-image {
margin-top: 5px;
margin-bottom: 5px;
}

Альтернативный вариант:

.wp-block-image {
padding: 5px
}

Сохраните изменения и очистите кэш. Если всё сработало, между картинками появится отступ. Работает как с галереей, так и с отдельными изображениями.

Не сработало? Полетела вёрстка?

Достаточно удалить код во встроенном редакторе CSS (не путайте его с style.css!) и сохранить изменения.

Где находится встроенный редактор CSS?

• В «Настройках» сайта. Название может варьироваться от «Редактора стилей» до «Встроенного редактора» или «Дополнительных стилей»;
• В редакторе тем. Во многих премиум-темах при попытке изменить код css вылезает окно с предупреждением, что это лучше делать в отдельном редакторе. Если вы не смогли найти его в настройках, стоит поискать его именно здесь.

Например, вот так выглядит окошко с предупреждением в Ashe Pro:

Понравилась статья?

Делитесь публикацией с друзьями, пишите комментарии, подписывайтесь на Telegram, Boosty и другие страницы, чтобы первыми видеть всё самое интересное!