Вордпресс тема Root

Тема вордпресс Root - SEO оптимизированная, адаптивная, с микроразметкой, слайдером, спойлерами, гибкими настройками внешнего вида, встроенной рекламой, без тяжелых фреймворков.

Тема вордпресс Root

Тема Root очень быстрая и хорошо отображается на всех устройствах - на ПК, на планшетах, на телефонах.

Вывод рекламы

Теперь вывод рекламы встроен прямо в тему WordPress Root, это минус еще один плагин типа Ad Inserter. Удобен доступ к настройке рекламных блоков:
Внешний вид - Реклама.

Тема вордпресс Root вывод рекламы

    В тему Root уже встроены 8 мест под рекламу
    (что закрывает большинство наших "хотелок"):
  • после шапки и меню;
  • перед статьей;
  • по середине статьи;
  • после определенного абзаца (№ абзаца выбираем сами);
  • после контента;
  • перед похожими записями;
  • после похожих записей;
  • перед нижним меню и подвалом.

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

Отдельная реклама для мобильного: для каждого рекламного блока можно задать свой код для отображения на мобильном устройстве.

Блоки внимания

В теме вордпресс Root используется 5 блоков внимания:

Блок Warning

/* Блок Warning */
.entry-content blockquote.warning:before {
content: "\f06a";
color: #f58128;
}

Блок Info

/* Блок Info */
.entry-content blockquote.info:before {
content: "\f059";
color: #3da2e0;
}

Блок Danger

/* Блок Danger */
.entry-content blockquote.danger:before {
content: "\f057";
color: #ff6547;
}

Блок Check

/* Блок Check */
.entry-content blockquote.check:before {
content: "\f058";
color: #34bc58;
}

Блок Quote

/* Блок Quote */
.entry-content blockquote.quote:before {
content: "\f10d";
top: 25px;
color: #425d9d;
}

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

Иконки (их код) берем здесь: fontawesome.com
Если цвет иконки менять не нужно - строчку с color можно просто убрать.

Источник: https://support.wpshop.ru/faq/root-change-attension-blocks-icon/

Пример замены иконки в блоке внимания темы вордпресс Root. Заменим иконку в блоке Info со знаком вопроса на иконку с буквой I.

  1. Изначально блок Info выглядит так:
    Изначально блок Info выглядит так
  2. Выберем нужную нам иконку на fontawesome.com и скопируем ее код.
  3. Пропишем следующий код (с уже новым кодом иконки) в Дополнительные стили:
    /* Блок Info */
    .entry-content blockquote.info:before {
    content: "\f05a";
    }

    В результате имеем:
    Пример замены иконки в блоке внимания темы вордпресс Root

  4. Если необходимо изменить цвет иконки - добавляем строчку с кодом цвета:
    /* Блок Info */
    .entry-content blockquote.info:before {
    content: "\f05a";
    color: #f00;
    }

    Иконка поменяла цвет:
    Если необходимо изменить цвет иконки

Еще одна статья на тему смены иконок в блоках внимания темы вордпресс Root: https://support.wpshop.ru/faq/root-change-attension-block-icons/

Карта сайта HTML

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

Карта сайта XML

По умолчанию, с версии 5.5 в WordPress появилась XML-карта сайта. Если вы используете SEO-плагины, стандартную карту можно отключить. Например плагин Clearfy Pro полностью отключает встроенную XML карту сайта.

Данные настройки относятся только к стандартной XML-карте сайта, которая появилась с версии WordPress 5.5. Встроенная XML карта сайта расположена по адресу /wp-sitemap.xml.

Блок автора

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

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

  1. Заполните профиль пользователя: Аватар и Биография.
  2. Чтобы отобразить блок автора, перейдите
    Внешний вид > Настроить > Блоки > Запись
    и в блоке "Выводить блок автора?" отметьте "Да, выводить".
  3. Для настройки что именно выводить в блоке автора
    Настройка > Модули > Блок автора

Как установить свою аватарку для автора? По умолчанию WordPress в качестве аватарки автора подтягивает изображение, заданное в онлайн-сервисе gravatar.com. Если картинка не установлена или пользователь не зарегистрирован в этом сервисе, выводится иконка по умолчанию.

Можно загружать свои аватарки для зарегистрированных пользователей с помощью плагина Clearfy Pro. Плагин добавляет загрузку картинок на странице редактирования профиля (это изображение будет сохранятся локально и выводиться в комментариях и блоке автора).

Как изменить размеры аватара в встроенном блоке автора? По умолчанию, ширина и высота аватара в встроенном блоке автора 70 пикселей. Чтобы изменить размеры аватара, установите и активируйте плагин ProFunctions и добавьте в него код:

add_filter( 'root_author_avatar_size', function () {
    return 70;
} );

Ширину и высоту аватара 70 пикселей можете изменить на другую.

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

    Для вывода встроенных в тему Root соц. кнопок:
  1. Внешний вид > Настроить > Блоки > Запись
  2. в поле "Выводить соц кнопки под постом" выбираем "Да, выводить".

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

Как в теме вордпресс Root изменить порядок вывода встроенных кнопок социальных сетей и убрать некоторые из них? Есть хук позволяющий изменить порядок вывода кнопок шаринга соц. сетей, какие-то отключить, какие-то добавить.

Для этого установите и активируйте плагин ProFunctions и в файл profunctions.php добавьте следующий код:

/**
 * Изменить вывод соц. кнопок для шаринга
 */
add_filter( 'root_social_share_buttons', function() {
    return [ 'vk', 'fb', 'twitter', 'ok', 'whatsapp', 'viber', 'telegram', 'mail', 'linkedin', 'reddit', 'pinterest' ];
} );

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

Кнопки можно убирать и менять местами.

Как в теме Root заменить социальные кнопки на другие? Для установки блока социальных кнопок от Яндекс отключите встроенные в тему соц. кнопки: Внешний вид > Настроить > Блоки > Запись и в поле "Выводить соц кнопки под постом" выберите "Нет, не выводить".

Затем установите и активируйте плагин ProFunctions и в файл profunctions.php добавьте код:

add_action( 'root_single_before_related', 'root_single_before_related' );
function root_single_before_related() {
    echo '<div class="b-share b-share--post"><div class="b-share__title">Понравилась статья? Поделиться с друзьями</div>';
    echo '<script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>';
    echo '<script src="//yastatic.net/share2/share.js"></script>';
    echo '<div class="ya-share2" data-services="collections,vkontakte,facebook,odnoklassniki,moimir" data-counter=""></div>';
    echo '</div>';
}

В результате получите следующий блок социальных кнопок:
Root заменить социальные кнопки на другие

Вставить произвольный код

Вы можете задать код счетчиков, партнерских сетей, обратного звонка и т.д. в админке без редактирования файлов темы. Для этого в теме Root необходимо в админ-панели перейти Внешний вид > Настроить > Коды. Секция дает возможность вставлять произвольный код в <head> и перед закрывающим тегом </body>, а также после контента.

Как добавить код счетчика на сайт?

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

Вывести код html, php, css

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

<input type="text" value="Код html, php, css" />

где вместо "Код html, php, css" подставляем нужный нам код.

Вывод хлебных крошек

Как вывести хлебные крошки в теме Root? Перейдите Внешний вид > Настроить > Модули > Хлебные крошки и активируйте опцию "Выводить хлебные крошки? Да, выводить".

По умолчанию отображаются хлебные крошки, встроенные в тему Root, но при активации вывода хлебных крошек в плагине Yoast - будут выводиться хлебные крошки Yoast.

Как убрать название статьи из хлебных крошек в Yoast SEO? Это можно реализовать хуком, но проще включить соответствующую опцию в плагине Clearfy Pro.

Убрать отбивку

Для того чтобы убрать отбивку в теме вордпресс Root нажмите Внешний вид > Настроить > Дополнительные стили и добавьте код:

.page-separator {
display: none;
}
Admin/ автор статьи

Я расскажу, как мужчине в возрасте 50+ оставаться модным, красивым и здоровым, как в свои пятьдесят чувствовать себя на 30.

Понравилась статья? Поделиться с друзьями:
После 50 лет
Добавить комментарий