⚠️ Внимание ⚠️
Документация переехала и теперь доступна по новому адресу.

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

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

Чтобы установить тему 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

Блоки

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

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

Шапка

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

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

Подвал

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

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

Главная

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

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

Запись

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

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

Страница

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

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

Архивы

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

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

Комментарии

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

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

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

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

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

Сайдбар

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

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

Модули

Раздел настроек, посвященный встроенным модулям.

Слайдер

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

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

Содержание

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

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

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

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

Лайтбокс

Секция позволит включить эффект увеличения картинки в посте при клике на нее.

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

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

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

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

Контактная форма

Управление внешним видом строенной контактной формы: задание текста перед кнопкой Отправить.

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

Социальные профили

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

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

Кнопка Наверх

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

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

Коды

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

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

Типографика

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

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

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

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

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

Цвета

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

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

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

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

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

Меню

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

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

Виджеты

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Реклама

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

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

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

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

Настройка отрывка, цитаты и анонса в теме 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 предусматривает вывод конкретного меню при просмотре на мобильных устройствах. Для этого нужно в админ-панели Внешний вид > Виджеты и добавить к необходимому виджету (рубрики или меню) класс widget-mobile-menu. Установка и настройка

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Лицензия

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

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

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

Поддержка

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

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

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

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

WPShop Docs