Настройка внешнего вида

Все настройки внешнего вида выполняются в кастомайзере (Внешний вид > Настроить) и для удобства разделены на логические блоки, каждый из которых отвечает за изменение визуального представления той или иной части сайта.

Установка и настройка

Структура

Блок позволяет зафиксировать и настроить ширину и внутренние отступы шапки, меню под шапкой и в подвале, а также ширину самого подвала. Блок Структура включает следующие подразделы: Шапка, Меню под шапкой, Меню в подвале, Подвал.

Установка и настройка

Шапка

Настройки ширины и отступов у шапки.

Кастомайзер темы Root

Меню под шапкой

Настройки ширины и возможность сделать фиксированным основное меню под шапкой.

Установка и настройка

Меню в подвале

Настройки ширины и возможность вывода на мобильном меню в подвале.

alt="Установка и настройка"

Подвал

Настройки внешней и внутренней ширины подвала сайта.

Кастомайзер темы Root

Блоки

Блок позволяет настроить заголовок и логотип в шапке сайта, вставить текст в подвале, добавить счетчики, настроить вид карточек постов, выбрать место размещения боковой панели и др. Включает следующие подразделы: Шапка, Подвал, Главная, Запись, Страница, Архивы, Комментарии, Карточки постов.

Установка и настройка

Шапка

Секция позволяет настроить шапку сайта: добавить логотип, скрыть заголовок и описание сайта в шапке, показать социальный блок, добавить произвольный HTML-код, вывести поиск на мобильных устройствах.

Установка и настройка

Подвал

Секция позволяет настроить подвал сайта: установить копирайт, текст под копирайтом, код счетчиков, вывести социальный блок.

Установка и настройка

Главная

Секция позволяет настроить главную страницу сайта: внешний вид карточек постов (одна или несколько в строке), расположение сайдбара (слева, справа, без сайдбара), заголовок H1 для главной, текст для главной страницы, размещение H1 и текста сразу под меню или после постов и пагинации.

Установка и настройка

Запись

Настройка внешнего вида одиночных записей: расположение сайдбара (слева, справа, без сайдбара), показ/скрытие миниатюры, автора, даты, рубрики, соц. кнопок под постом, отрывка, тегов, рейтинга, блока автора, похожих постов, комментариев, а также другие настройки, связанные с одиночной записью.

Установка и настройка

Страница

Настройка внешнего вида страниц: отображение сайдбара (слева, справа, без сайдбара), количество похожих статей, вывод/скрытие комментариев, социальных кнопок, миниатюры, рейтинга.

Установка и настройка

Архивы

Настройка внешнего вида страниц рубрик (категорий): карточки постов (одна или несколько в строке), отображение сайдбара (слева, справа, без сайдбара), вывод хлебных крошек, подрубрик, описание рубрики (под заголовком категории или под пагинацией).

Установка и настройка

Комментарии

Секция настройки отображения комментариев: возможность задать текст перед кнопкой Отправить (например, про персональные данные), настроить вывод даты и смайликов.

Установка и настройка

Карточки постов

Секция позволяет настроить размер внешний вид карточек постов, которые выводятся на главной, в рубриках, поиске и т.д.: способ вывода заголовка (<h2> или <div>), вывод/скрытие автора, рубрики, даты, отрывка, количества комментариев и просмотров.

Установка и настройка

Сайдбар

Секция позволяет показать или скрыть сайдбар при просмотре сайта на мобильных устройствах.

Установка и настройка

Модули

Про настройки данной секции и другие встроенные опции, Вы можете прочитать здесь.

Коды

Секция дает возможность вставлять произвольный код в тегах <head>, </body>, а также после контента.

Установка и настройка

Типографика

Блок позволяет настроить параметры шрифта на сайте (задать основной тип шрифта, его размер, межстрочный интервал, а также выбрать шрифт заголовков, названия/описания сайта, ссылок в меню).

Установка и настройка

Свойства сайта

Блок позволяет настроить название и краткое описание сайта, а также задать иконку (фавикон).

Кастомайзер темы Root

Цвета

Блок позволяет настраивать цветовую схему в различных областях темы (основной цвет сайта, цвет ссылок, основной цвет текста, цвет названия сайта, цвет фона меню, цвет ссылок в меню).

Установка и настройка

Фоновое изображение

Блок позволяет задать фоновое изображение как для основной части сайта, так и для его шапки. В качестве общего фона сайта возможен выбор из предустановленных изображений либо загрузка своего. Также есть возможность задать способ повторения (по горизонтали, вертикали, по горизонтали и вертикали, не повторять вообще) и расположения (сверху, снизу, в центре) фона основной части сайта.

Кастомайзер темы Root

Меню

Блок позволяет настроить отображение меню в различных областях сайта.

Кастомайзер темы Root

Виджеты

Блок позволяет добавить или удалить виджет в область виджетов, не требуя перехода в раздел админ-панели Внешний вид > Виджеты.

Кастомайзер темы Root

Настройка главной страницы

Блок позволит выбрать что отобразить на главной странице сайта. Это могут быть записи в обратном хронологическом порядке или постоянная/статическая страница.

Кастомайзер темы Root

Дополнительные стили

Блок позволяет добавить пользовательские CSS-стили, не вынуждая пользователя редактировать файлы темы.
Кастомайзер темы Root

Расширенные настройки

В разделе можно выполнить дополнительные настройки темы: контент на всю ширину, изменить заголовок социальных кнопок, рейтинга, похожих записей, включить рекламу на страницах, задать элементы микроразметки (telephone и address).
Установка и настройка

Партнерская программа

Блок позволяет воспользоваться партнерской программой, встроив партнерскую ссылку в подвал сайта (партнерский ID можно получить в своем личном кабинете).
Установка и настройка

Настройка отдельных элементов темы

Логотип вместо названия сайта

Размеры логотипа могут быть любые, но лучше чтобы он не был больше 300px по ширине и 100px по высоте.

Для установки логотипа вместо названия сайта необходимо в админ-панели перейти Внешний вид > Настроить > Блоки > Шапка, загрузить картинку с логотипом и в блоке Скрыть заголовок и описание в шапке? отметить пункт Скрыть.

Установка и настройка

Отрывок, цитата, анонс

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

Настройка отрывка, цитаты и анонса в теме Root

Вывод количества просмотров материалов

В теме для каждой записи есть возможность вывести количество ее просмотров. Для этого необходимо установить бесплатный плагин WP-PostViews, и на странице его настроек, в шаблоне просмотров, указать значение %VIEW_COUNT%.

Главная страница сайта

Добавление Политики конфиденциальности, соглашения на обработку персональных данных

Чтобы добавить сообщение о Политике конфиденциальности в самом низу сайта, под копирайтом, необходимо в админ-панели перейти Внешний вид > Настроить > Блоки > Подвал, и в поле Текст под копирайтом прописать:

<a href="#">Политика конфиденциальности</a> | <a href="#" target="_blank">Пользовательское соглашение</a>
<p><div style="font-size: 10px">Информация на сайте предоставлена для ознакомления, администрация сайта не несет ответственности за использование размещенной на сайте информации</div>

* cимвол # нужно заменить на адрес страницы с Политикой конфиденциальности и Пользовательским соглашением.

Установка и настройка

Добавление статистики или счётчика на сайт

Чтобы добавить коды статистики или аналитики на сайт (например, Яндекс Метрику или Google Analytics), нужно перейти в админ-панели Внешний вид > Настроить > Блоки > Подвал и вставить в поле Счетчики необходимый код.

Установка и настройка

Вывод комментариев на страницах

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

Настройки экрана

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

Настройки обсуждения

Дальше следует в админ-панели перейти Внешний вид > Настроить > Блоки > Страница и в настройке Комментарии выбрать Показывать.

Виджет меню с раскрывающимися пунктами

Для создания виджета с возможностью раскрытия второго уровня списка необходимо выполнить следующее:

  1. На странице Внешний вид > Меню создать новое меню для сайдбара с дочерними пунктами.
  2. Создание менюНа странице Внешний вид > Виджеты добавить в сайдбар виджет Меню навигации, выбрать в нем созданное меню и указать в поле CSS Classes значение sidebar-navigation.

    Виджет Произвольное меню

  3. Нажать кнопку Сохранить и обновить страницу сайта.

Установка и настройка

Кнопки социальных сетей в сайдбаре

Для размещения соц. кнопок в боковой панели сайта, необходимо в админ-панели перейти Внешний вид > Виджеты и перетащить в желаемое место виджет Социальные сети.

Фиксированный виджет

В теме Root есть возможность сделать один или несколько виджетов фиксированными, т.е. такими, которые при прокрутке страницы сайта будут всегда на виду. Для этого необходимо выполнить следующие шаги.

  1. Установить и активировать плагин Q2W3 Fixed Widget.
  2. В админ-панели перейти в раздел Внешний вид > Виджеты.
  3. Перетянуть на панель виджетов нужный виджет и в его настройках отметить пункт Зафиксировать виджет.
  4. Нажать кнопку Сохранить.

Фиксированный виджет с помощью плагина Q2W3 Fixed Widget

Вывод ссылок на профили социальных сетей в шапке/подвале

Сначала нужно задать ссылки на профили в социальных сетях в разделе админ-панели Внешний вид > Настроить > Модули > Социальные профили.

Установка и настройка

Затем перейти Внешний вид > Настроить > Блоки > Шапка или Подвал и в поле «Показывать соц. сети?» выбрать «Да, показывать».

Установка и настройка

Вывод меню из сайдбара/рубрики в мобильном меню

Тема Root предусматривает вывод конкретного меню при просмотре на мобильных устройствах. Для этого нужно в админ-панели Внешний вид > Виджеты и добавить к необходимому виджету (рубрики или меню) класс widget-mobile-menu.

Установка и настройка

Как вывести встроенную форму подписки?

Зарегистрируйтесь в сервисе рассылок MailerLite или другом и скопируйте в нём код формы подписки.

Затем установите и активируйте дочернюю тему отсюда. В дочерней теме root_child создайте папку template-parts и из родительской темы Root скопируйте в эту папку файл subscribe-box.php.

Откройте файл subscribe-box.php в дочерней теме и код полей input и button формы подписки замените на код формы подписки, скопированный в сервисе рассылок.

Для вывода формы подписки используйте шорткод .

Создание и вывод меню

Как создать и вывести меню на сайте, можете прочитать здесь.

  • Структура
  • Шапка
  • Меню под шапкой
  • Меню в подвале
  • Подвал
  • Блоки
  • Шапка
  • Подвал
  • Главная
  • Запись
  • Страница
  • Архивы
  • Комментарии
  • Карточки постов
  • Сайдбар
  • Модули
  • Коды
  • Типографика
  • Свойства сайта
  • Цвета
  • Фоновое изображение
  • Меню
  • Виджеты
  • Настройка главной страницы
  • Дополнительные стили
  • Расширенные настройки
  • Партнерская программа
  • Настройка отдельных элементов темы
  • Логотип вместо названия сайта
  • Отрывок, цитата, анонс
  • Вывод количества просмотров материалов
  • Добавление Политики конфиденциальности, соглашения на обработку персональных данных
  • Добавление статистики или счётчика на сайт
  • Вывод комментариев на страницах
  • Виджет меню с раскрывающимися пунктами
  • Кнопки социальных сетей в сайдбаре
  • Фиксированный виджет
  • Вывод ссылок на профили социальных сетей в шапке/подвале
  • Вывод меню из сайдбара/рубрики в мобильном меню
  • Как вывести встроенную форму подписки?
  • Создание и вывод меню