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

Click here to view original web page at oddstyle.ru

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

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

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

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

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

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

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

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

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