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

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

Содержание
  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. Создание и вывод меню
  57. Дочерняя тема
  58. Обновление темы
  59. Лицензия
  60. Покупка темы: оплата и возврат средств
  61. Поддержка
  62. Документация, вопросы и ответы

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

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