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

Содержание
  1. Установка темы
  2. Через админ-панель
  3. Через FTP
  4. Лицензионный ключ
  5. Настройки внешнего вида
  6. Структура
  7. Шапка
  8. Основное меню
  9. Нижнее меню
  10. Подвал
  11. Блоки и расположение
  12. Шапка
  13. Подвал
  14. Главная
  15. Записи
  16. Страницы
  17. Архивы
  18. Комментарии
  19. Карточки постов
  20. Сайдбар
  21. Содержание
  22. Хлебные крошки
  23. Социальные сети
  24. Стрелка вверх
  25. Коды
  26. Типографика
  27. Свойства сайта
  28. Цвета
  29. Фоновое изображение
  30. Меню
  31. Виджеты
  32. Настройка главной страницы
  33. Дополнительные стили
  34. Настройка отдельных элементов темы
  35. Логотип вместо названия сайта
  36. Реклама
  37. Отрывок, цитата, анонс
  38. Карта сайта
  39. Форма обратной связи
  40. Вывод количества просмотров материалов
  41. Добавление статистики на сайт
  42. Добавление Политики конфиденциальности, соглашения на обработку персональных данных
  43. Вывод комментариев на страницах
  44. Виджет меню с раскрывающимися пунктами
  45. Кнопки социальных сетей в сайдбаре
  46. Фиксированный виджет
  47. Добавление счетчика на сайт
  48. Вывод ссылок на профили социальных сетей в шапке/подвале
  49. Вывод меню из сайдбара/рубрики в мобильном меню
  50. Создание и вывод меню
  51. Дочерняя тема
  52. Обновление темы
  53. Лицензия
  54. Покупка темы: оплата и возврат средств
  55. Поддержка
  56. Документация, вопросы и ответы

Установка темы

Чтобы установить тему Root, можно воспользоваться двумя способами.

Через админ-панель

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

  1. Перейти в админ-панели в раздел Внешний вид > Темы
  2. Нажать кнопку Добавить новуюУстановка новой темы
  3. Нажать кнопку Загрузить тему

    Загрузка на сайт новой темы
  4. Выбрать полученный zip-архив с темойЗагрузка архива с темой Root
  5. Нажать кнопку Установить
  6. После загрузки и установки темы нажать на ссылку АктивироватьАктивация темы Root

Через FTP

Если по каким-либо причинам установка темы из админ-панели не удалась, воспользуйтесь FTP.

  1. Распаковать скачанный архив с темой у себя на компьютере
  2. Подключится по FTP-протоколу (например, с помощью FileZilla) к серверу хостинга
  3. Перейти в директорию /wp-content/themes/
  4. Загрузить туда распакованную из архива папку с темойСписок файлов на сервере
  5. Перейти в админ-панели в раздел Внешний вид > Темы и нажать кнопку АктивироватьАктивация темы Root

Лицензионный ключ

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

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

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

 

Структура

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

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

Шапка

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

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

Основное меню

Настройки ширины основного меню под шапкой.

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

Нижнее меню

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

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

Подвал

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

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

Блоки и расположение

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

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

Шапка

Добавление логотипа на сайт, возможность скрыть заголовок и описание сайта в шапке.

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

Подвал

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

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

Главная

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

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

Записи

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

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

Страницы

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

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

Архивы

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

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

Комментарии

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

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

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

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

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

Сайдбар

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

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

Содержание

Тема Root имеет встроенные средства по созданию содержания на страницах записей. Секция позволяет активировать/деактивировать показ содержания в записях.

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

Чтобы создать содержание, на странице редактирования записи достаточно применить к нужным пунктам стили Заголовок 2Заголовок 4 (в порядке иерархии).

Запись с содержанием

Хлебные крошки

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

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

Социальные сети

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

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

Стрелка вверх

Настройка стрелки Вверх: выбор цвета, фона, размеров, типа стрелки, параметры вывода на мобильных устройствах.

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

Коды

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

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

Типографика

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

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

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

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

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

Цвета

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

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

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

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

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

Меню

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

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

Виджеты

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

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

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

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

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

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

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

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

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

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

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

Установка логотипа в теме Root

Реклама

Тема Root имеет встроенные инструменты для вставки рекламных блоков. Реклама может быть добавлена в разных местах публикации: после шапки и меню, перед статьей, посередине статьи, после статьи, после 1-, 2- и 3-го абзацев. Также присутствует возможность вставки рекламных блоков отдельно для десктопных версий мониторов и для мобильных устройств. Кроме того, можно указать тип материалов, в которых будет показываться реклама (страница, запись, главная, архив, поиск). Для вставки рекламного блока необходимо в админ-панели перейти в раздел Внешний вид -> Реклама.

Вставка рекламы в теме Root

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

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

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

Карта сайта

Тема имеет встроенные инструменты для создания HTML-карты сайта со списком опубликованных материалов (страницы, записи). Для ее создания достаточно в тексте страницы или записи вставить следующий шорткод:

Карта сайта

Форма обратной связи

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

Все сообщения с формы будут уходить на e-mail, указанный на странице Настройки > Общие, в поле Адрес e-mail.

Страница контактной формы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<div class="social-buttons social-buttons--square social-buttons--circle social-buttons--small">
<a href="Здесь укажите ссылку на страницу в соц. сети" class="social-button social-button__fb" target="_blank"></a>
<a href="Здесь укажите ссылку на страницу в соц. сети" class="social-button social-button__vk" target="_blank"></a>
<a href="Здесь укажите ссылку на страницу в соц. сети" class="social-button social-button__tw" target="_blank"></a>
<a href="Здесь укажите ссылку на страницу в соц. сети" class="social-button social-button__ok" target="_blank"></a>
<a href="Здесь укажите ссылку на страницу в соц. сети" class="social-button social-button__gp" target="_blank"></a>
<a href="Здесь укажите ссылку на страницу в соц. сети" class="social-button social-button__telegram" target="_blank"></a>
<a href="Здесь укажите ссылку на страницу в соц. сети" class="social-button social-button__youtube" target="_blank"></a>
<a href="Здесь укажите ссылку на страницу в соц. сети" class="social-button social-button__instagram" target="_blank"></a>
<a href="Здесь укажите ссылку на страницу в соц. сети" class="social-button social-button__linkedin" target="_blank"></a>
</div>

Вместо текста Здесь укажите ссылку на страницу в соц. сети нужно указать соответствующие ссылки на соц-аккаунты.

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

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

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

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

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

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

Для вставки счетчика в теме Root необходимо в админ-панели перейти Внешний вид > Настроить > Блоки и расположение > Подвал, где в текстовом поле Счетчики​ добавить код счетчика.
Кастомайзер темы Root

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

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

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

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

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

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

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

  1. В админ-панели перейти в раздел Внешний вид > Меню
  2. Нажать кнопку создайте новое меню, задать название меню и нажать кнопку Создать меню

Чтобы создать пункты меню, необходимо:

  1. В левой панели выбрать нужные элементы (страницы, записи или рубрики)
  2. Поочередно каждый из пунктов отметить «галочкой» и нажать кнопку Добавить в меню, после чего в правой панели появится список выбранных элементов. Чтобы пункт меню сделать дочерним, просто перетаскиваем его вправо
  3. После редактирования меню следует нажать кнопку Сохранить меню

Чтобы вывести меню в верхней части сайта, нужно отметить пункт Верхнее (если в нижней — Нижнее), затем нажать кнопку Сохранить меню.

Дочерняя тема

Дочерние темы — это темы, наследующие весь внешний вид и все функции родительской темы. Они позволяют вносить изменения и дополнения в родительскую тему, не изменяя ее файлов. Для Root уже создана дочерняя тема, которую можно загрузить по следующему адресу: Root Child. Процесс ее установки аналогичен родительской.

Дочерняя тема Root Child

Обновление темы

Процесс обновления темы Root подробно описан по следующей ссылке: Как обновить тему.

Лицензия

Root является премиум-темой, а поэтому предоставляется конечному пользователю на платной основе и доступна с несколькими видами лицензии: на 1, 3 и на неограниченное количество доменов. Ниже собраны наиболее часто задаваемые вопросы относительно лицензии.

Покупка темы: оплата и возврат средств

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

Поддержка

По всем вопросам, связанным с темой Root, следует обращаться в службу поддержки.

Документация, вопросы и ответы

С официальной документацией по теме Root можно ознакомится по следующей ссылке: Root.

Вопросы и ответы, а также возможные проблемы и их решение, рассмотрены по следующей ссылке: Вопросы и ответы по теме Root.