Настройка WordPress-темы Twenty Fourteen

В рамках своего небольшого, но важного Марафона я потихоньку обустраиваю сайты, которые участвуют в этом самом марафоне. Начал с внешнего вида, один из сайтов, а именно «женской» тематики имел довольно стремный дизайн с бесплатной темой. На смену ей было решено поставить свежую тему от Wordpress — Twenty Fourteen.

Форм-фактор этой темы — журнал. У темы вполне достаточно настроек и удобная кастомизация, но все же некоторые моменты мне не понравились и я расскажу в этой статье как с ними быстро справиться любому новичку.

Как сменить черный цвет фона?

Тема почему-то идет со стандартным черным цветом в сайдбаре, хедере и футере, что выглядит несколько давящим. Чтобы элегантно решить проблему — необходимо создать Child-тему и в CSS изменить настройки цвета. Но есть более простой способ, если в Child-темах нет желания разбираться 🙂

Здесь нам поможет плагин Fourteen Colors. После активации этого плагина добавляется возможность изменять цвета настройках темы.

Как расширить блок контента?

По какой-то причине блок с контентом визуально очень узок. Опять же, если исправлять проблему с помощью дочерней темы у вас желания нет, то нам поможет плагин Simple Custom CSS. Он позволяет добавлять в CSS вашего любой произвольный код. После его активации идем в Внешний вид -> Custom CSS. Далее в текстовую форму вставьте следующий код и сохраните:

.site,
.site-header {
max-width: 100%;
}
.site-content .entry-header, .site-content .entry-content, .site-content

.entry-summary, .site-content .entry-meta,

.page-content { /* Original max-width: 474px */ max-width: 80%; }

Всё.

Как закрепить виджеты в сайдбаре?

Особенностью темы в моем случае стало то, что полоса прокрутки на главном экране значительно увеличилась, т.е. до футера приходилось листать значительно дольше, чем на предыдущей теме. Ситуация решается очень легко с помощью плагина Q2W3 Fixed Widget (Sticky Widget). После его активации идем во Внешний вид -> Виджеты, у каждого виджета появилась галочка «Зафиксировать виджет«, отметьте ею и сохраните. Теперь важная информация сайта будет постоянно на видном месте у посетителя.

Поделись/сохрани ссылку: