ROOT тема для WordPress практичная и удобная тема для личного блога

Демо-сайты на теме Root

Тема адаптирована для всех устройств. Качественный просмотр на любом мобильном устройстве.

Качественно отображается как на маленьких, так и на больших экранах монитора.

Вывод статей

В теме имеется три вида вывода статей:

Читайте также: Как проверить текст на уникальность: обзор 11 инструментов

Одна запись большая

Одна запись маленькая

Небольшие карточки (2 или 3 в строке)

Структура

Это первый, самый верхний «раздел» настроек, кликните по стрелке справа, чтобы попасть во внутрь этого «раздела».

Шапки

Кликните по этому пункту. Как видно из скриншота, можно настроить отступы, сверху и снизу.

Можно сделать шапку на всю ширину экрана, можно сделать фиксированную шапку.

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

Внутри этого «раздела», тоже много «разделов».

Шапка

Можете поставить логотип, нажав Выбрать изображение.

Можно скрыть заголовок и описание в шапке.

Подвал

Здесь я прописал код счетчика LiveInternet, а копирайт стоит по умолчанию.

Также можно прописать какой-то текст в копирайте. Это поле понимает HTML-теги.

Главная

Здесь настраивается вывод статей (три вида вывода статей), об этом я писал вначале. У меня стоит Одна запись большая.

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

Можно вывести Заголовок H1 и Описание сверху, под меню или после постов.

Записи

Настроек много, нужно всего лишь включить или отключить ту или иную настройку.

Читайте также: Как заработать на видеомонтаже способы поиска клиентов

У меня все по умолчанию, за исключением трех пунктов.

Отключил показ комментариев, тегов и количество просмотров.

Количество похожих записей я поставил 6.

Больше ничего не трогал, только в «разделе» Коды, прописал код Яндекс метрики.

Страницы

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

Для этого в строке Количество похожих записей просто поставьте 0.

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

Здесь настраиваются карточки постов на Главной. Вы можете вывести Тег заголовка в H2 или div.

Также можно вывести, дату, автора, рубрику, отрывок, кол-во просмотров и т.д. — настраивайте, как вам удобно.

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

Настроек стрелки вверх, больше, чем настроек шрифтов.

Можно выбрать Ширину, Высоту, Цвет стрелки. Можно выбрать иконку стрелки – одним словом, посмотрите и настройте по своему усмотрению.

Оптимизация шаблона Root

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

1. Легкость и скорость работы. Тема имеет по-настоящему минималистичный очень приятный глазу дизайн.

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

2. Отличная адаптивность. Сегодня адаптивный дизайн, картинки, видео являются обязательным атрибутом. Я думаю, что людей, которые этого не понимают уже и не осталось. В этом шаблоне с работой на различных устройствах все на высшем уровне.

Читайте также: Как заработать деньги в интернете от 200 до 500 рублей в день (10 способов)

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

Меняется и настраивается практически все, ну об этом чуть ниже.

4. Внутренняя SEO оптимизация. Все элементы находятся на своих местах. Заголовки, тайтлы, описания, комментарии, ссылки, закрытые ссылки, хлебные крошки, микроразметка schema.org, HTML5/CSS3. В общем, все, о чем знают рядовые SEO специалисты, все в этом шаблоне реализовано отлично!

5. Социальные сети. Уже готовая интеграция социальных кнопок и ссылок. Для мобильных устройств отображаются приложения Telegram, Viber, WhatsApp.

В общем в плане оптимизации шаблон очень силен, у меня на данный момент вообще нет никаких претензий, все сделано отлично!

6. Комментарии. Отлично оформленная и оптимизированная форма комментариев, со смайликами, правильной кнопкой «Ответить» и надежно закрытыми внешними ссылками!

Что такое Root?

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

Основные её преимущества следующие:

тема SEO оптимизирована
адаптивная верстка под любой экран (компьютер, планшет или телефон)
настраиваемый внешний вид
есть шесть встроенных блоков рекламы
код написан на HTML5
есть микроразметка
хорошая типографика с возможностью настройки под себя
встроенные соцсети
бесплатные обновления
пожизненная тех поддержка
высокая скорость загрузки

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

Виджеты

В теме есть два виджета, которые принадлежат именно этой теме. Первый виджет, это виджет Вывод статей

Можно выводить статьи с сортировкой:

Случайно
По просмотрам
По комментариям
Новые сверху

Можно выводить по ID (указать ID через запятую)

Можно указать сколько статей выводить

Есть вывод статей Обычный, есть Компактный

Второй виджет, это ТОП комментаторов.

Читайте также: Программа в топе для контакта как пользоваться. Втопе — программа накрутки — отзывы

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

Пользоваться этими виджетами или нет, решать вам

САЙТ ЛЕГКО НАСТРОИТЬ ПОД СЕБЯ И СДЕЛАТЬ УНИКАЛЬНЫМ ЗА 5 МИНУТ

Зачем использовать пустой шаблон ВордПресс?

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

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

Некоторые пустые темы WordPress также будут иметь полезные встроенные функции, такие как адаптивные макеты и примеры данных, которые помогут вам протестировать вашу тему.

Рекламные блоки

Рассмотрим рекламные блоки темы Root. Перейдите Внешний вид – Реклама

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

Имеется 6 рекламных позиций.

Рекламу можно настроить для каждого блока, например, на определенный период времени.

Где будет выводится реклама, например, После шапки или Перед статьей.

Выводить на Главной, в Записях или на Cтранице.

Можно выводить после каких-то абзацев.

Я считаю настроек достаточно.

Подробнее о рекламных блоках можете почитать а статье «Как поставить рекламу в любое место на блоге в 2 клика»

Кто разработал тему Root

Наверное многие слышали или используют очень удобный и функциональный плагин для WordPress Clearfy. Я поставил его на все свои сайты и очень доволен. Буквально несколькими кликами в настройках плагина устраняются типичные проблемы сразу по 26 пунктам

, таких как:

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

В результате любая ваша тема становится на порядок выше в плане SEO-подготовки сайта!

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

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

Адаптив, чистый и аккуратный код, типографика, соц. сети и прочие ништяки в комплекте.

Перейти на сайт разработчика

Уже выпущено 11 обновлений для этой темы, более 50 клиентов, более 150 установок темы на сайты.

Кстати, все обновления бесплатны и не ограниченны по времени!

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

Статья по теме: Бесплатная тема для WordPress

Тема Root классная!

Читателям моего блога я приготовил промо-код на скидку 10%. Регистрируйтесь по ссылке, чтобы сэкономить на покупке. https://wpshop.ru/themes/root?promo=fortress_design

Другие настройки

Откройте любую запить (Редактировать). В верхнем меню редактирования вы увидите новые «фишки», которые добавила тема Root

1 – Вывод заметок

2 – Спойлер

3 – Замаскировать ссылку

Прокрутите страницу вниз, и вы увидите еще Настройки

Здесь огромное количество настроек, вот некоторые из них

Источник – можно указать ссылку на источник Спрятать ссылку – можно скрыть ссылку на источник Спрятать сайдбар – не показывать на этой странице сайдбар

В правой колонке есть еще одна интересная настройка, Большая миниатюра. На странице, миниатюра будет отображаться на всю ширину сайта.

Помните, если вам нужна эта функция, то размер миниатюры должен быть 1170×500

Эта тема хорошо подойдет новичку, потому что, она уже практически настроена.

Читайте также: Куда вложить деньги в период кризиса? Топ-3 выгодных инвестиций

SEO, микроразметка, настройки виджетов, настройки заголовков и т.д. – все это в теме настроено.

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

После оплаты, вы получаете:

Пожизненная поддержкаНеограниченные обновления

Подробный обзор всех возможностей адаптивной темы Root

Русский адаптивный шаблон WordPress Root имеет широкий спектр возможностей, о которых в деталях я и расскажу ниже.

SEO оптимизация

тема работает на современном и чистом HTML5/CSS3 коде;
вы получаете правильные заголовки уровня H1-H6 в нужных местах;
в первую очередь загружается код основного контента, а уже затем сайдбар;
для рубрик можно создавать произвольные H1 заголовки, а также описание;
в теме отсутствуют циклические ссылки, поэтому страницы не ссылаются сами на себя (часто распространенная проблема в WordPress);
внешние ссылки закрываются от индексации;
поддерживается микроразметка schema.org для всех страниц, записей и рубрик.

В итоге, вам намного проще будет продвигать сайт, так как SEO аудит уже будет сделан. Плюс ко всему, в самом шаблоне полностью будут отсутствовать SEO ошибки.

Адаптивность шаблона

русская адаптивная тема WordPress Root была «обкатана» на всех современных устройствах, поэтому корректно отображается на разных экранах;
адаптивный размер имеют так же таблицы, изображения и видео. Поэтому они тоже всегда корректно отображаются и не ломают структуру страницы.

Внешний вид и оформление сайта

Customizer позволит быстро переключаться между стилями оформления, а все изменения тут же отображаются на сайте;
имеется возможность отключать сайдбар при надобности;
выводить посты можно 3 различными способами;
фон, цвет, шрифты меняются онлайн и в несколько кликов;
имеется виджет вывода постов с расширенными возможностями, который позволит сортировать записи по разным показателям;
добавить нужный код в и перед можно прям из админки, не корректируя файл темы.

Размещение рекламы

в шаблон встроено 6 мест для рекламы, их размещение и количество можно регулировать самостоятельно;
имеются отдельные места под рекламу для десктоп и мобильной версии;
с помощью плагина q2w3 есть возможность закрепить любой виджет, который будет оставаться на видном месте при скролле страницы;
при необходимости гибкие настройки позволят показывать рекламу в записях через определенное время после ее публикации.

Работа с контентом

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

Комментарии к записям

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

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

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

Кастомизация – дополнительные возможности

дочерняя тема позволит корректировать настройки родительской темы, не трогая ее файлы. За счет этого при обновлении шаблона указанные настройки будут сохраняться;
имеется возможность вывода содержания каждой статьи, не производя установку дополнительных расширений;
удобный плагин WP-PostViews позволит выводить количество просмотров записей;
для большего удобства просмотра статей имеется возможность создать карту сайта;
при необходимости можно добавить форму обратной связи без вспомогательных плагинов;
в настройках шаблона предусмотрены специальные блоки для добавления кода счетчиков;
дополнительные стили можно прописывать через специальное поле, а не вручную в файле style.css;
плагин ProFunction позволит вносить более сложные корректировки в файлах шаблона и сохранять их при обновлениях.

Документация по теме

Перейдите в Консоль блога, выберите Настройки — Root

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

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

Но в любом случае почитайте Инструкцию и вы узнаете много полезного.

Есть готовое решение для страницы Контакты, шоркод найдете в Инструкции, там же найдете шоркод для страницы Карта сайта и как я списал выше, найдете еще много интересного.

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

СМОТРИТЕ ВИДЕО

Как сверстать тему для WordPress

Введение

В предыдущих статьях мы рассмотрели принципы верстки на чистом CSS и с помощью Bootstrap. Сегодняшней статьей мы начинаем рассматривать особенности верстки под популярные CMS. И начнем с WordPress, как самой популярной из них. Будем считать, что WordPress у вас уже установлен и перейдем непосредственно к созданию шаблона, в качестве которого у нас по-прежнему будет выступать Corporate Blue от студии Pcklaboratory. Если вы не знаете как установить WordPress, то инструкцию можно найти здесь. В данном руководстве мы не будем подробно описывать CSS стили и HTML код – это было сделано уже в предыдущих статьях. Вместо этого рассмотрим детально особенности создания темы именно под WordPress.

Добавление темы

Для начала в папке themes создадим папку нашего шаблона «whitesquare». В ней будет находиться папка images и два необходимых пустых файла index.php и style.css. Следующим шагом нужно добавить скриншот нашей темы. Сохраните изображение главной страницы из psd макета размером 880х660 в папку темы whitesquare с именем screenshot.png.
После этого мы уже можем использовать нашу тему. Зайдите в панель администратора по адресу https://{site-name}/wp-admin, а затем в управление темами (Appearance -> Themes). В списке уже должна появиться наша тема whitesquare. Наведитесь на тему и нажмите «Activate».

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

Предварительный осмотр

Если посмотреть на макет, то можно увидеть, что наша страница состоит из шапки и футера, которые повторяются на всех страницах. Также на всех страницах, кроме главной, есть сайдбар слева. Для того чтобы руководство было более универсальным, давайте страницы главного меню оформим как «страницы WordPress» (page), а страницы подменю как «посты блога WordPress» (post) с комментариями. Главную же страницу сделаем как отдельную страницу (front-page) с собственной разметкой. Здесь надо отметить, что, несмотря на то, что страницы WordPress могут быть реализованы двумя способами (как страницы или как посты) в базе данных они различаются только типом, однако при создании шаблонов они обрабатываются немного по-разному. В этом вы сможете убедиться чуть ниже.

Структура страниц

Большинство руководств по созданию тем для WordPress ограничивается созданием макета и стилей для него. Мы же опишем весь порядок действий по созданию полноценного сайта на WordPress в рамках предоставленных макетов.
Давайте начнем со структуры страниц. Прежде чем добавлять страницы, нужно сначала зайти в настройки и указать стиль ссылок: Settings -> Permalink settings -> Post name. Это позволит сделать ссылки в виде «https://site_name/page_name».

Добавление страниц осуществляется через панель администратора: Pages -> Add new. Для каждой страницы в области Page Attributes в поле Order укажите цифрой порядок страницы в главном меню.

После добавления, список страниц должен выглядеть вот так:

Когда все страницы будут добавлены, нужно указать, что страница Home будет главной. Для этого зайдите в меню Settings -> Reading и в поле Front page displays укажите: A static page -> Home.

Header.php и Footer.php

Шапка в терминологии WordPress, это не только визуальная шапка на макете сайта. По сути, она содержит весь общий код, который встречается в начале всех страниц сайта. Давайте создадим файл header.php в папке нашего шаблона и наполним его содержимым.