Twenty Nineteen: как выводить контент по ширине экрана

Если вы обновились до WordPress 5.0, то вы, вероятно, уже заметили новую тему Twenty Nineteen. Она очень простая, с сильным акцентом на контенте и чистой типографике.

Тема великолепна. Однако ее область контента в действительности больше подходит для статей и блоговых постов.

На широких экранах контент несколько сдвинут к краю. Для статей такой подход работает хорошо, но в случае со страницами, особенно с большим количеством блоков Gutenberg, это несколько ломает представление. Область контента должна равномерно заполнять всю ширину экрана.

В данный момент в Twenty Nineteen нет опции для этого. Однако вы можете легко настроить ее с помощью пары строк кода:

body.page .entry .entry-content > *,
.entry .entry-summary > * {
    max-width: none;
}

В итоге страницы будут выводиться по ширине экрана, но при этом посты в блоге останутся прежними.

Вот как будет выглядеть страница после внесения правок:

То же самое вы можете сделать и для постов блога. Стили CSS приведены ниже:

body.single-post .entry .entry-content > * {
    max-width: none;
}

Источник: https://benjaminintal.com

ПОСМОТРИТЕ ТАКЖЕ:
Twenty Seventeen – новая тема по умолчанию, поставляемая вместе с WordPress 4.7. Эта бизнес-ориентированная тема
Twenty Twenty, предстоящая дефолтная тема WordPress, на днях была поставлена вместе с бета-версией WordPress 5.3
Андерс Норен на днях представил дизайн новой темы Twenty Twenty. Как и предполагалось ранее на
В прошлом месяце команда WordPress Theme Review приняла активные меры, позволяющие хоть как-то остановить внедрение
Андерс Норен выпустил Chaplin – свою двадцатую бесплатную WordPress-тему, разработанную специально для использования с блочным
На этой неделе Elementor выпустили свою тему Hello на WordPress.org. Спустя пару дней тема набрала

Добавить комментарий