Root — универсальная тема для WordPress
Оглавление:
- Шаблоны WordPress — что это и зачем нужны
- Тема Root — технические характеристики и возможности
- Обзор опций и настроек ВордПресс-темы Root
- Структура
- Блоки
- Модули
- Коды
- Типографика
- Свойства сайта
- Цвета
- Фоновое изображение
- Меню
- Виджеты
- Настройки главной страницы
- Дополнительные стили
- Расширенные настройки
- Партнерская программа
- Сайты на теме Root
- Где скачать бесплатно Theme Nulled версию
- Как пользоваться шаблоном и что для этого нужно?
- Частые вопросы по Рут
- Как изменить размер логотипа?
- Какой размер картинки для постов?
- Совместимость с WooCommerce
- Как получать обновления?
- Где находится документация и справка?
- Как сделать контент на всю ширину WP-сайта?
- Как вывести карту сайта для людей?
- Настройка похожих записей
- Как закрыть ссылки?
- Отзывы о теме Root
- Купить Root со скидкой
Подробный обзор возможностей и настроек премиальной WordPress темы Root от ребят из команды WPShop. ru.
Шаблоны WordPress — что это и зачем нужны
Это отдельный функционал, который отвечает за внешнее оформление веб-ресурса. В арсенале имеет все необходимые настройки блоков видимой его части. Например, изменение шрифта, цвета, установка логотипа, фона, несколько способов вывода публикаций и их мета-информации.
Темы WordPressТема Root — технические характеристики и возможности
Разработчики называют ее самой экологичной темой WP. Это премиальный (платный) продукт от отечественной команды WPShop.ru. От своих конкурентов отличается:
- светлым дизайном в белых тонах;
- на русском;
- современным, чистым и быстрым кодом без тяжелых фреймворков и библиотек;
- 9+ модулями, которые заменят отдельные плагины;
- готовностью к SEO-продвижению;
- адаптивностью на любых устройствах и экранах;
- гибкими настройками внешнего вида;
- блоками под вывод рекламы в любом месте сайта;
- инструментами для выделения полезного контента;
- наличием социальных кнопок и возможностью шаринга;
- поддержкой Yoast SEO;
- адекватной ценой;
- долгосрочной технической поддержкой;
- бесплатными обновлениями.
Обзор опций и настроек ВордПресс-темы Root
Настройка – через встроенный в движок Кастомайзер – в админ-разделе Внешний вид > Настроить
. Вот основные разделы опций, которые предлагает шаблон Рут.
Структура
Тут можно выбрать размеры и отступы шапки, меню, подвала.
Раздел Структура темы RootБлоки
Настройка отдельных элементов:
- шапки, подвала, сайдбара;
- главной страницы;
- отдельных записи и страницы;
- архивов;
- комментариев;
- карточек постов.
Модули
Включение и управление модулями слайдера, содержания, хлебных крошек, блока автора.
Раздел Модули темы RootКоды
Возможность добавить свои коды перед закрывающими head
и body
, после контента.
Типографика
Выбор шрифта, начертания, межстрочного интервала для разных разделов сайта.
Раздел Типографика темы RootСвойства сайта
Установка названия, описания и фавиконки.
Раздел Свойства сайта темы RootЦвета
Возможность гибко задать цветовые схемы каждого элемента ресурса.
Раздел Цвета темы RootФоновое изображение
Выбор фона для всего сайта, отдельно для шапки. Из вариантов: своя картинка, готовые пресеты, через внешнюю ссылку.
Раздел Фоновое изображение темы RootУправление навигацией без необходимости переходить в раздел амдин-меню.
Раздел Меню темы RootВиджеты
Добавление виджетов в сайдбар (боковую панель).
Раздел Виджеты темы RootНастройки главной страницы
Выбор что выводить на главной: статическую страницу или последние посты.
Раздел Настройки главной страницы темы RootДополнительные стили
Добавление своих CSS-правил для текущей темы.
Раздел Дополнительные стили темы RootРасширенные настройки
Тут можно изменить заголовки блоков, добавить значения полей микроразметки.
Раздел Расширенные настройки темы RootПартнерская программа
Возможность заработать. Партнерские ссылки и баннеры для рекламирования продуктов компании WPShop.ru.
Раздел Партнерская программа темы RootСайты на теме Root
Чтобы увидеть тему в работе, посмотрите несколько ресурсов на ее основе.
- http://root.wpshop.tech/
- http://woman.root.wpshop.tech/
- http://stroy.root.wpshop.tech/
Где скачать бесплатно Theme Nulled версию
Тема Root – это премиум продукт, бывает только в платном варианте. Разработчики не рекомендуют качать и устанавливать Nulled-версии. Причина одна – это взломанные программы, которые могут нарушить работу сайта и «поделиться» со сторонними личной информацией и паролями.
Как пользоваться шаблоном и что для этого нужно?
Чтобы работать с Root , после установки нужно ввести лицензионный ключ. При активации система укажет ссылку на страницу, на которой нужно его вставить. Настраивается шаблон через Кастомайзер. Для управления рекламными блоками есть отдельное меню – Внешний вид > Реклама
.Встроенная реклама в RootЧастые вопросы по Рут
Вот несколько важных вопросов по работе шаблона, которые задают пользователи.
Как изменить размер логотипа?
Вообще оптимальный размер логотипа должен быть не больше 300px по ширине и не больше 100px по высоте. Если его нужно изменить, в Дополнительные стили
вставьте несколько строк
@media (min-width: 576px) { .site-logotype img { max-width: 300px; max-height: 100px; } }
Вместо 300 и 100 укажите максимальные ширину и высоту логотипа соответственно.
Какой размер картинки для постов?
Размеры миниатюр — 770х330
пикселей. Если нужно первую картинку растянуть на весь экран, рекомендуемый размер — 1170x500
.
770
пикселей.Совместимость с WooCommerce
В теме Рут нет встроенной возможности выводить корзину, товары и т.д., а также отсутствуют встроенные шаблоны и настройки для плагина WooCommerce. Нужные шаблоны для страниц плагина Вукомерс можно добавить с помощью дочерней темы.
Как получать обновления?
Если доступна новая версия темы, в админке вы получите уведомление. Обновить можно в разделах Консоль > Обновления
и Внешний вид > Темы
.
Где находится документация и справка?
Все желающие могут посмотреть по адресах:
- https://support.wpshop.ru/docs/themes/root/
- https://support.wpshop.ru/fag_tag/root/
Как сделать контент на всю ширину WP-сайта?
Используйте детальную инструкцию из оф. источника.
Как вывести карту сайта для людей?
HTML-карта — обычный список всех публикаций. Он нужен посетителю ресурса, чтобы лучше ориентироваться в структуре и быстрее найти ответ на свой вопрос. Чтобы вывести карту, достаточно вставить шорткод
[htmlsitemap]HTML-карта Root
В тему Root встроена возможность показать связанные посты. Для этого достаточно открыть Внешний вид > Настроить > Блоки > Запись
и в опции Кол-во похожих статей
задать число карточек.
Как закрыть ссылки?
Любую ULR-ссылку можно закрыть через JS. Используется специальная функция, которая скрывает само присутствие линка в коде страниц. Обычно нужно для партнерских ссылок. Для этого достаточно ссылку обратить в шорткод
[mask_link]Внешняя ссылка[/mask_link]
Отзывы о теме Root
Вот несколько скриншотов с отзывами довольных клиентов.
Отзывы о RootЕще отзывы о RootКупить Root со скидкой
Все желающие приобрести эту тему, могут воспользоваться промокодом и получить скидку 15%.
Промокод WPShop Root
Добавь в закладки и поделись с друзьями:
Адаптивная SEO-оптмизированная тема Root для WordPress
Адаптивная, SEO оптимизированная, с микроразметкой, валидная, со смайликами, слайдером, спойлерами, кастомными виджетами, расширенным форматированием, гибкими настройками внешнего вида, встроенной рекламой, без тяжелых фреймворков, интеграция с соц. сетями и прочее…
Содержание
- Кто разработал тему Root
- SEO оптимизация
- Правильный заголовок h2 на главной
- Правильные h2-H6 заголовки
- Правильный сайдбар
- Произвольный h2 для рубрик
- Правильное описание для рубрик
- Со страниц нет ссылок на саму себя
- Закрытые от индексации ссылки
- Адаптивность
- Протестирована на всех современных, популярных устройствах
- Адаптивные картинки, таблицы, видео
- Mobile first
- Внешний вид
- Все настройки в Customizer
- Отключаемый сайдбар
- Записи с большой картинкой
- Быстрая смена цветов, фонов, шрифтов
- Мощный виджет вывода постов
- Кнопка Наверх
- Свой код из админки
- Реклама
- 6 рекламных позиций
- Отдельная реклама для мобильного
- Гибкая интеграция рекламы в статью
- Фиксированный виджет
- Код
- HTML5/CSS3
- Микроразметка schema. org
- Контент
- Хорошая типографика
- Информационные блоки
- Спойлеры
- Готовые стили для списков и таблиц
- Источник записи
- Комментарии
- Ссылки на авторов скрыты через JavaScript
- Кнопка Ответить
- Смайлики
- Социальные сети
- Встроенные кнопки поделиться
- Telegram, Viber, WhatsApp
- И на последок
- SEO by Yoast
- Скорость
Что же такое Root? Чем она так привлекательна и что в ней такого есть, чтобы считать ее оптимизированной? У нее со старта, то есть после установки отсутствуют частые ошибки и проблемы, которые необходимо устранять при первом же SEO-аудите.
Кто разработал тему Root
Наверное многие слышали или используют очень удобный и функциональный плагин для WordPress Clearfy. Я поставил его на все свои сайты и очень доволен. Буквально несколькими кликами в настройках плагина устраняются типичные проблемы сразу по 26 пунктам , таких как:
- удаление дублей страниц
- очистка кода от мусора
- правильные редиректы
- дополнительная защита
- и многое другое.
В результате любая ваша тема становится на порядок выше в плане SEO-подготовки сайта!
Разработчки вложили максимум знаний и опыта в создание этой темы. И это видно. Сделано очень качественно. Идеально подходит под контентные проекты, статейники, блоги. Все оптимизации по требованиям марафона.
В тему вшита SEO-оптимизация, есть гибкие настройки внешнего вида, встроенные рекламные блоки с возможностью указать после какого абзаца, после скольки дней показывать рекламу.
Адаптив, чистый и аккуратный код, типографика, соц. сети и прочие ништяки в комплекте.
Перейти на сайт разработчика
Уже выпущено 11 обновлений для этой темы, более 50 клиентов, более 150 установок темы на сайты.
Кстати, все обновления бесплатны и не ограниченны по времени!
Новый удобный личный кабинет, в продаже появились темы, скоро добавят много материалов для партнеров и запустят конкурс для партнеров.
Тема Root классная!
Читателям моего блога я приготовил промо-код на скидку 10%. Регистрируйтесь по ссылке, чтобы сэкономить на покупке.
https://wpshop.ru/themes/root?promo=fortress_design
SEO оптимизация
Правильный заголовок h2 на главной
Заголовок h2 на главной размещается в логотипе (название сайта) или в дополнительном текстовом блоке, который можно задать из админки.
Правильные h2-H6 заголовкиЗаголовки h2-H6 только в статьях, ни в виджетах, ни в комментариях, ни в пагинации, как это обычно бывает — их нет. Только в тексте статьи. | Правильный сайдбарВ коде идет сначала основной блок с контентом, только потом сайдбар. В любом расположении сайдбара, даже когда он слева. |
Произвольный h2 для рубрикВы можете задать правильный SEO заголовок для продвижения рубрик (и любых таксономий), вне зависимости от того, как называется рубрика. | Правильное описание для рубрикОписание для рубрик (и любых таксономий) выводится только на первой странице. При наличии пагинации текст не дублируется на страницах пагинации. |
Со страниц нет ссылок на саму себяМежду прочим далеко не каждый разработчик сделает вам эти фишку. Они начнут рассказывать, что нужно редактировать код движка или вообще уходить в философские размышления о том, что ничего плохого в этом нет. В общем все что угодно, лишь это не делать. В теме же Root изначально из меню удалены ссылки на текущую открытую страницу, что помогает избежать циклических ссылок. | Закрытые от индексации ссылкиЛюбую внешнюю ссылку можно в 1 клик закрыть через JavaScript от индексации. Сама ссылка кодируется через base64, а внешне от обычно не отличается. |
Как итог: SEO-аудит уже сделан, ошибок нет — сайт легко продвигать.
Сэкономить на оптимизации сайта
Адаптивность
Протестирована на всех современных, популярных устройствахПроцент мобильных пользователей с каждым годом только растет и важно, чтобы сайт одинаково хорошо отображался на разных экранах. | Адаптивные картинки, таблицы, видеоНе стоит переживать, что вставленный в статью ролик или большая картинка может сломать все отображение контента. |
Mobile firstСначала все стили пишутся для мобильных телефонов, потом для планшетных устройств и только потом для больших экранов. |
Как итог: сайт хорошо отображается на всех устройствах: на ПК, на планшетах, на телефонах
Проверить адаптивность темы
Внешний вид
Все настройки в CustomizerНастраивать внешний вид сайта одно удовольствие — все изменения моментально отображаются на сайте. | Отключаемый сайдбарВы можете отключить/включить сайдбар отдельно для главной, рубрик, записи или страницы. Или даже для отдельного поста. |
Записи с большой картинкой
Кроме стандартного вывода записи, доступна публикация с большой картинкой на всю ширину.
Настраиваемый вывод постов
Вы можете задать определенный вывод постов для главной, и отдельно для рубрик, поиска. Доступно 3 различных вывода.
Быстрая смена цветов, фонов, шрифтовВ режиме онлайн Вы можете посмотреть как Ваш сайт будет выглядеть с другими цветами текста, ссылок, меню и т.д. Если понравится — просто сохраните. | Мощный виджет вывода постовДля сайдбара мы разработали настраиваемый виджет вывода постов: с миниатюрой, без, по дате, просмотрам, по количеству и т.д. |
Кнопка НаверхВам не придется ставить дополнительные плагины или писать свой код, кнопка Наверх уже есть. Мелочь, а приятно. | Свой код из админкиВы можете задать код счетчиков, партнерских сетей, обратного звонка и т.д. в админке без редактирования файлов темы. Для секции <head> и перед </body>. |
Как итог: сайт легко настроить под себя и сделать уникальным за 5 минут
Посмотреть внешний вид темы
Реклама
6 рекламных позицийВ тему уже встроены места под рекламу, Вам нужно только задать код. Есть возможность указать через сколько дней после публикации показывать рекламу, чтобы не мешать постоянным читателям. | Отдельная реклама для мобильногоДля каждого рекламного блока можно задать свой код для отображения на мобильном устройстве. |
Гибкая интеграция рекламы в статьюВозможность задать отображение рекламных блоков после определенных абзацев в тексте записи. | Фиксированный виджетПоддержка плагина q2w3, который позволяет закрепить любой виджет при прокрутке страницы. |
Как итог: гибкая настройка рекламы, максимальный доход с рекламы.
Заработать больше с новой темой
Код
HTML5/CSS3Современный, чистый исходный код, семантическая разбивка на директории, файлы, отсутвие тяжелых библиотек, медленных скриптов. | Микроразметка schema.orgНаша тема полностью поддерживает микроразметку schema.org, как для главной, рубрик, так и для записей, страниц. |
Купить скоростную тему для быстрого попадания в ТОП
Контент
Хорошая типографикаПроработанные шрифты, межстрочное расстрояние, ширина контентной области и форматирование статьи улучшают восприятие контента страницы. | Информационные блокиДоступны три вида информационных блоков для привлечения внимания читателя, доступны как в админке, так и на сайте. |
СпойлерыВ визуальном редакторе доступны спойлеры, в которые Вы можете спрятать любой контент. | Готовые стили для списков и таблицДля таблиц и нумерованных/ненумерованных списков прописаны стили, чтобы эти элементы не выбивались из дизайна. |
Источник записи
Возможность задать источник записи, который выведется в конце поста. При желании можно в один клик закрыть ссылку от индексации через JS.
Как итог: заниматься наполнением сайта можно сразу после установки темы
Хочу тему с хорошей типографикой
Комментарии
Ссылки на авторов скрыты через JavaScriptДаже закрытая в rel=»nofollow» ссылка забирает вес у страницы, что негативно сказывается на продвижении, поэтому ссылки лучше закрыть от индексации. | Кнопка ОтветитьПо умолчанию кнопка Ответить в комментариях является ссылкой, хотя она там и не нужна. В теме мы заменили ссылку на кнопку. |
СмайликиПроработанные смайлики, с поддержкой retina-экранов, которые не ломают строчки, как это обычно бывает. Заменяют стандартные emoji. |
Социальные сети
Встроенные кнопки поделитьсяКнопки встроены в тему, не требуется подключение внешних скриптов, нет лишних запросов, а значит быстрее загружаются и работают. | Telegram, Viber, WhatsAppДля мобильных устройств отображаются кнопки Поделиться для приложений Telegram, Viber, WhatsApp. |
И на последок
SEO by YoastНаш любимый SEO плагин полностью поддерживается. В теме есть стили для хлебных крошек и отображение приоритетной рубрики | СкоростьПри разработке темы мы отказались от фреймворков, тяжелых решений и каждую функцию старались оптимизировать по максимуму. |
Вот результат теста скорости загрузки сайта с установленной темой Root.
Посмотреть тему в действии
корней | Современная разработка WordPress
Радикул
Radicle — самоуверенная отправная точка для проектов WordPress со стеком Roots
Компоненты Laravel для плагинов и тем WordPress
Коренная порода
Шаблон WordPress с Composer, более простой настройкой и улучшенной структурой папок
Высокопроизводительная система сборки, поддерживающая SWC, esbuild и Babel
.Клевер
Стартовый плагин WordPress с примерами блоков, конечными точками REST и начальным набором тестов
Шалфей
12 173Стартовая тема WordPress с компонентами и шаблонами Laravel Blade, Tailwind CSS и современным рабочим процессом разработки
Трелис
Стек WordPress LEMP с PHP 8.1, Composer, WP-CLI и др.
Подпишитесь на обновления
Присоединяйтесь к более чем 8000 подписчиков на нашу рассылку, чтобы получать последние обновления Roots и советы по созданию лучших сайтов WordPress
Ищете рекомендации по плагинам WordPress, новейшие современные проекты WordPress, а также общие советы и статьи по веб-разработке?
- КМ Цифровой
- Морковь
- WordPress.com
- Пантеон
- Безопасность на рабочем месте
- Копия Цифровая
Помогите поддержать наши усилия по разработке открытого исходного кода
NASAMercedesZillowHuluHBOЯ большой фанат Bedrock (и всех Roots в целом)
Джош Кениг
Bedrock похож на мост между WordPress и остальной частью PHP
. Карл Александр
На мой взгляд, инструментарий roots.io — самый разумный способ сделать WordPress в 2023 году
Эндрю Холливелл
ДистрибутивыRoots были необходимы для того, чтобы вернуться к разработке WordPress после десятилетнего перерыва. Пока WP не перестанет быть устаревшей, монетизируемой ямой кода, это все, что сдерживает мое здравомыслие.
Росс Дж. Кун
Bedrock оказывает огромную услугу сообществу WordPress, и я вижу, что его принимают в качестве стандарта для разработки WordPress. Будем надеяться, что по мере того, как все больше людей примут его, сообщество разработчиков в целом будет рассматривать сайты WordPress так же, как и более «профессиональные» платформы.
Дэниел Странк
Если вам нужно использовать WordPress, используйте Bedrock для своего веб-приложения и Sage для разработки собственной темы.
Любой разработчик Laravel будет чувствовать себя в этих инструментах как дома. Рори МакДэниел
Кажется, 2 года назад я написал вам в Твиттере, что люблю Sage — теперь я начинаю работать с Bedrock и мне это нравится! спасибо, что заставили меня почувствовать, что WordPress может быть нормальным, безопасным и современным.
Майкл Снук
О компании | Корни
Тысячи разработчиков создают свои сайты и приложения WordPress с помощью инструментов Roots. С 2011 года мы стремимся постоянно улучшать и поддерживать наши проекты.
У нас есть давняя приверженность поддержке наших проектов
Sage, наша стартовая тема, существует с 2011 года. С тех пор мы поддерживаем ее. Bedrock, наш шаблон WordPress с Composer, был выпущен в 2013 году. Trellis, наше решение для самостоятельного хостинга и локальной разработки для WordPress, поддерживается и улучшается с 2014 года.0005
Взгляните на наши последние выпуски, чтобы увидеть, как мы постоянно улучшаем наши проекты.
Мы славимся тем, что держим разработчиков в курсе последних событий
Что о нас говорят некоторые люди:
«Это гораздо более продвинутый способ создания сайта на WordPress. Я остановился на нем, потому что это то, на чем сейчас находится индустрия, и я думаю, что важно оставаться в курсе последних событий и иметь возможность трудоустройства за пределами мира WordPress ».
«Sage, Bedrock и Trellis от Roots заставили меня стать лучшим разработчиком WordPress на протяжении многих лет + модернизировать мой набор инструментов».
Сообщество Roots стремится помочь другим получить лучший опыт разработки WordPress
Наше сообщество состоит из тысяч разработчиков, которые гордятся созданием лучшего Интернета. У нас есть форум Discourse, где вы можете задавать вопросы, получать помощь и делиться своими проектами.
Roots нравится разработчикам, потому что он делает создание с помощью WordPress менее разочаровывающим.
Одна из главных причин, по которой разработчики любят работать с Roots, заключается в том, что это делает разработку WordPress менее болезненной и более соответствующей передовым отраслевым практикам.Получите экспертную помощь от создателей Roots
Мы можем помочь с проверкой настроек на основе Roots, устранением неполадок, предоставлением срочной поддержки и дополнительными услугами.
Пакеты начинаются от 1200 долларов в месяц. Вся прибыль реинвестируется в экосистему Roots.
Свяжитесь с нами, чтобы узнать больше.