amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}

Categories: Дизайн сайта

Изменяем шаблоны для сайта WordPress

Шаблоны для сайта WordPress новичкам представляют как монолит, который нельзя как-то изменить и кастомизировать. Но это вовсе не так. Шаблоны состоят из файлов, которые можно редактировать и изменять. Однако чтобы делать это, нужно владеть языком программирования PHP, что новичкам обычно не доступно.

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

В этой статье мы вам расскажем о простом, бесплатном способе изменить шаблоны для сайта WordPress, который способен хоть и не на всё, но на многое.

Blog Designer

Плагин Blog Designer позволяет кастомизировать шаблоны для сайта WordPress. Он отличается простотой в работе и понятным, хоть и не русским, интерфейсом. Начинаем работу с плагином, как обычно – скачиваем, устанавливаем и активируем. Потом переходим в пункт консоли «Blog Designer», в котором видим ряд настроек для дизайна сайта. Рассмотрим, что они означают.

Первая секция настроек «General Settings» – основные настройки, которая почти повторяет настройки WordPress, о которых мы писали тут:

Blog page displays. Выбираем, какая страница будет отображаться в качестве главной.
Blog pages show at most. Количество записей на главной, если выбран показ последних постов.
Display Category. Выбираем, показывать ли в шаблоне для сайта WodPress категории той или иной записи.
Display Tag. То же самое, только с тегами (метками).
Display author. Включает и выключает показ автора в шаблоне.
Display date. Включает и выключает показ даты публикации.

Идём дальше и видим «Standard Settings»:

Blog page categories. Выбирается основная рубрика сайта.
Blog Designs. Из 4 видов дизайна можно выбрать что-то одно.
Choose font color for anchor tag in blog design. Выбирается цвет ссылок.

Следующая секция «Title Settings» имеет всего две опции:

Title color. Цвет заголовка в шаблоне для сайта WordPress
Title background color. Цвет фона заголовка.

Затем идёт секция настроек «Content Settings»:

For each article in a feed, show. Показывать анонсы записей или полный их текст.
Content length. Если есть анонс, то сюда записывается его длина в символах.
Content color. Цвет текста.
Read more text. Текст для ссылки «Читать далее».
Read more text color. И цвет для ссылки «Читать далее».
Read more background. Фон ссылки «Читать далее».

Последняя часть настроек «Social Settings». В ней можно включить или отключить вывод кнопок социальных сетей, определить их стиль и выбрать, какие соцсети будут использоваться. Рунетовских сервисов там нет.

Теперь можно сохранить изменения, и оценить, как преобразился шаблон для сайта WordPress.

Адель Гадельшин