В рамках своего небольшого, но важного Марафона я потихоньку обустраиваю сайты, которые участвуют в этом самом марафоне. Начал с внешнего вида, один из сайтов, а именно «женской» тематики имел довольно стремный дизайн с бесплатной темой. На смену ей было решено поставить свежую тему от 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). После его активации идем во Внешний вид -> Виджеты, у каждого виджета появилась галочка «Зафиксировать виджет«, отметьте ею и сохраните. Теперь важная информация сайта будет постоянно на видном месте у посетителя.
Приветствую.
Подскажите как по центру выставить центральную часть с контентом, и подвалом? .site-main {
margin: 0 auto; } не работает.
Приветствую. Алексей. Просто добавьте в style.css темы следующие атрибуты к блоку main:
margin-left: auto;
margin-right: auto;
Alex, не сработал такой вариант, что то удерживает его а что не пойму.
Если применить к общему каркасу .site { margin:0 auto; } тогда центрируется по центру, но в этом случае верхнее меню едит, если его попробовать растянуть на всю ширину. Прикрепляю скриншот https://docs.google.com/file/d/0B-6udQy7ZW3iNXlPY2RfWjdpVmc/edit?usp=drivesdk
Зайдите в редактор вашего сайта (по ссылке — prohitech.ru/wp-admin/theme-editor.php)
Выберите из колонки справа Стиль style .css
И добавьте вот эти две строчки:
margin-left: auto;
margin-right: auto;
В место, которое указано на скриншоте:
https://www.dropbox.com/s/ai749izmeqnkf38/screen.png?dl=0
Alex, Вы гений! Спасибо Вам Огромное!
Всегда рад помочь 🙂
Добрый вечер! У меня на сайте пропала левая боковая колонка и подвал в теме Twenty Fourteen. Не подскажете как это исправить?
Здравствуйте! Тяжело предугадать какие были предпосылки к этому. Нужно больше информации.
Здравствуйте! Подскажите пожалуйста, как правое меню сделать не таким широким? примерно 200 px
Здравствуйте! Уточните ваш вопрос. Какой сайт, какое конкретно меню?
Подскажите как убрать из постов «читать далее» (more link)
Как расширить блок контента?
не прошел номер. Ширина контента немного увеличилась, но поля стали неравными, слева — пару сантиметров, справа — в два раза больше. То есть контент сдвинулся левее.
Здравствуйте! Подскажите как увеличить страницу сайта для полной прокрутки выпадающего меню ??
На сайте в верхнем меню УЧРЕЖДЕНИЯ КУЛЬТУРЫ имеется большой список. а отображается только 6 которые умещаются на странице. Помогите пожалуйста решить проблему.
Наталья, подобные проблемы быстро решаются с помощью фрилансеров на workzilla ( http://ktoit.com/go/workzilla/ ). Подобное задание обойдется вам не дороже чем в 100 рублей. Рекомендую.
А как сделать, чтобы в этой теме комментарии выводились тоже на 100% области как и запись?
Как изменить размер шрифта в шаблоне WordPress Twenty FourteenВерсия: 1.7?
Здравствуйте!
Не могу понять как сделать, чтобы тема не сужалась менее какого-то размера. В style.css в разделе .site { добавил строчку min-width: 1000px; т.е. было:
.site {
background-color: #fff;
max-width: 1260px;
position: relative;
Стало:
.site {
background-color: #fff;
max-width: 1260px;
min-width: 1000px;
position: relative;
Но действовать это стало только для основного текста на станице левый сайдбар при сужении окна все равно уходит в подвал. И на шапку это тоже не действует. Появляющаяся полоса прокрутки ее не двигает, а только элементы ниже ее (сраницу и сайдбар, который после появления полосы прокрутки, при дальнейшем сужении окна, почти сразу уходит в подвал).
А при раcширении окна на ширину близкую к размеру монитора (1280px.) содержание сайдбара постепенно уходит влево, за границу окна. Поскольку полоса прокрутки при этом уже отсутствует, увидеть его нельзя.
Может кто знает как сделать, чтобы min-width: 1000px; действовало на весь сайт (шапку, сайдбар подвал…), а не только на основное содержание страницы?
P.S.
Сайт не не хостинге, а на OpenServer на локальном компьютере, тема Twenty Fourteen, WordPress.