Тема root для wordpress: SEO оптимизированная, адаптивная, русская тема WordPress

Установка и настройка темы Root WordPress

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

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

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

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

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

   Загрузка на сайт новой темы

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

Через FTP

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

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

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

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

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

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

Структура

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

Шапка

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

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

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

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

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

Подвал

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

Блоки

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

Шапка

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

Подвал

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

Главная

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

Запись

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

Страница

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

Архивы

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

Комментарии

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

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

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

Сайдбар

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

Модули

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

Слайдер

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

Содержание

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

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

Лайтбокс

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

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

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

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

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

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

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

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

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

Коды

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

Типографика

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

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

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

Цвета

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

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

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

Меню

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

Виджеты

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

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

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

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

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

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

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

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

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

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

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

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

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

Реклама

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

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

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

Карта сайта

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<div>
<a href="Здесь укажите ссылку на страницу в соц. сети" target="_blank"></a>
<a href="Здесь укажите ссылку на страницу в соц. сети" target="_blank"></a>
<a href="Здесь укажите ссылку на страницу в соц. сети" target="_blank"></a>
<a href="Здесь укажите ссылку на страницу в соц. сети" target="_blank"></a>
<a href="Здесь укажите ссылку на страницу в соц. сети" target="_blank"></a>
<a href="Здесь укажите ссылку на страницу в соц. сети" target="_blank"></a>
<a href="Здесь укажите ссылку на страницу в соц. сети" target="_blank"></a>
<a href="Здесь укажите ссылку на страницу в соц.  сети" target="_blank"></a>
<a href="Здесь укажите ссылку на страницу в соц. сети" target="_blank"></a>
</div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Лицензия

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

• Можно ли взять лицензию на один домен, а потом докупить неограниченную?
• Что будет, если Ваш сервер лицензий/Ваш сайт закроется? Перестанут ли работать темы?
• Можно ли перенести лицензию на другой домен?
• Можно ли продать сайт с Вашей темой или плагином?

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

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

Поддержка

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

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

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

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

Самый полный отзыв о теме Root: обзор всех функций

Самый важный этап в создании блога на WordPress – выбор качественной темы. Одной из таких я считаю Root. Разбираемся: почему она так популярна и стоит ли ее покупать.

Содержание

1. Визуал в теме Root
2. Адаптивный шаблон
3. Разные форматы
4. Контент
5. Индивидуальная настройка
6. Реклама
7. Материалы
8. SEO на WordPress
9. Верстка
10. Микроразметка
11. Ссылки
12. Недостатки nulled template. Где скачать?
13. Мой отзыв о самой экологичной теме Root на WP

Визуал в теме Root

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

Адаптивный шаблон

Сейчас на мой блог 60% посетителей заходят со смартфона. Чтобы страница отображалась быстрее и на ней было легко ориентироваться выбирайте заранее адаптивную тему. Root – одна из таких.

Разные форматы

В веб-разработке есть правило “Mobile First”. Программист, следуя ему, вначале пишет стили для мобильных устройств, только потом переходя на ПК и большие экраны.

Контент

Для вывода картинок на Android и IOS нужны разные серверные настройки, а таблицы на разных экранах (даже андроидов) изначально не влезают в область текста. Разработчики исправили это и настроили автоматическую генерацию адаптива.

Root

Индивидуальная настройка

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

1. Изменить размер и содержимое шапки, бокового меню и подвала.
2. Добавить или удалить виджеты.
3. Отсортировать кастомный вывод записей на главной странице.
4. Поменять основную гамму, шрифты и фон.
5. Создать пост с большой картинкой (в WP нет этой функции).
6. Включить или отключить “кнопку наверх” (переносит пользователя в самое начало материала).

В бесплатных шаблонах из официального репозитория ВордПресс такой гибкости нет. Для меня это – однозначный плюс.

Реклама

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

• 6 мест для рекламы – расставьте блоки в самых просматриваемых частях, увеличив доход. Есть опция вывода кода через несколько часов после публикации. Это активируется, чтобы постоянные читатели прочли статью без отвлекающих объявлений.
• Разделение на смартфоны и десктопы – в некоторых рекламных сетях есть деление по типу устройства. Расставляйте фрагменты в зависимости от типа гаджета.
• Добавление в статью – полезная опция. Настраивайте после каких абзацев будет выводиться код.
• Фиксирование – зафиксируйте одну рекламу. При прокрутке на ПК она будет всегда видна справа.

Это – все видимые изменения. Root не перегружен неиспользуемыми опциями, но и не ограничивает администратора в изменениях.

Root

Материалы

Помимо визуальных исправлений, тема Root помогает разнообразить контент и повысить вовлеченность. Для начинающего копирайтера это спасение: нечитаемая простыня превратится в дочитываемый авторский пост.

Я выделил 6 плюсов установки плагина с точки зрения текста:

1. Стилизованные цитаты – функционал, похожий на плагин Expert Review (от разработчиков Root). В разделе “Цитата” помимо обычного выделения и расширенного появляется три новых вида: предупреждающий, нейтральный и запрещающий. Будет особенно полезно для инструкций и обзоров.
2. Списки и таблицы – упорядочены вырвиглазные HTML элементы. Теперь они адаптивны и аккуратно вписываются в общую палитру.
3. Написание – подобраны правильные цвета, изменен стандартный Roboto и текст не расползается на всю ширину экрана. Кстати, добавлены смайлики!
4. Спойлеры (не путайте со слайдерами) – созданы блоки, при нажатии на которые открывается скрытый фрагмент. Помогает прятать опциональные части, например, небольшие инструкции.
5. Источник – проставление закрытой через JavaScript ссылки на донора статьи.
6. Социальные кнопки – раздел “Поделиться” обычно подключается через АПИ Яндекса, увеличивая время загрузки документа. Разработчики переработали версию поисковика и к популярным соц. сетям добавили мессенджеры. 

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

SEO на WordPress

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

Верстка

Прежде чем оптимизировать, проверьте язык верстки: хорошо, если это HTML5 и CSS3, плохо, если это предыдущие поколения. Нельзя также допускать, чтобы все было свалено в один корень и файл: это плохо скажется при проверке на валидаторе.

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

Микроразметка

В теме также внедрена микроразметка schema.org: ее поддерживают абсолютно все типы документов. В бесплатных шаблонах зачастую ее нет и приходится добавлять вручную.

Root

Ссылки

Линки с nofollow все равно вызывают утекание веса, пессимизируя в выдаче блог. Особенно это важно в комментариях: даже в обычных, неспамных ответах пользователей часто находятся ссылки, все равно негативно влияющие на продвижение.

Я выступаю за разумное пользование услугами, поэтому считаю, что любой труд должен быть оплачен. Кроме моей личной позиции, есть ряд причин не устанавливать взломанную версию:

1. Поддержка. При установке нелегальной копии, вы полностью лишаетесь поддержки разработчиков: если появятся ошибки, вызванные темой Рут, то ТП не станет вам помогать.
2. Обновления. При покупке лицензионного ключа утилита будет обновляться сама. С каждой новой редакцией закрываются уязвимости и добавляется функционал, но взломанная версия так и остается уязвимой.
3. Взлом. Зачастую распространители такого софта вшивают в него шеллы, чтобы в будущем через них взломать уже посещаемый ресурс и поставить вредоносный рекламный код.
4. Нарушение права. Нелегально используя и распространяя Free версии, вы нарушаете действующее законодательство. Последствия разные: от жалобы хостеру и блокировки вашего блога до судебных тяжб (в зависимости от причиненного ущерба).

В пиратстве нет смысла: купите один раз и пользуйтесь без ограничений. А бесплатные варианты, скачанные с сайтов “Null Theme” или даже торрентов невалидные и вредоносные.

Root

Мой отзыв о самой экологичной теме Root на WP

После годового использования этого шаблона могу сказать, что не зря он, как и другие продукты WPShop, так нравится вебмастерам. Адаптация инструкции на русский и английский помогает разобраться с настройками (например, как вывести подменю) и повысить охваты. Мои сайты на теме Root – тому примеры. Однозначно рекомендую.

Мудрец | Стартовая тема WordPress с Tailwind CSS и Blade

Быстрая разработка темы WordPress с помощью Tailwind CSS

Конфигурация Sage Tailwind CSS автоматически создает файл theme. json , который используется для настройки редактора WordPress. Определенные вами шрифты, цвета и интервалы доступны в редакторе, и вы можете использовать классы Tailwind в своих шаблонах для быстрого создания темы WordPress.

Хотите использовать вместо него Bootstrap или вообще не использовать фреймворк CSS? Не проблема. Sage — это минимальная отправная точка, которую вы можете настроить в соответствии со своими потребностями.

Шаблоны Laravel Blade с WordPress

Ищете современные функции шаблонов PHP в своей теме WordPress, такие как наследование шаблонов и компоненты ? Sage поможет вам в этом благодаря шаблонам Blade от Laravel.

 
  {{ __('Перейти к содержанию') }}

<дел>
  <дел>
    @include('sections.header')