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

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

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

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

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

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

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

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

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

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

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

Источник

Просмотров:

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