Тема вордпресс Root - SEO оптимизированная, адаптивная, с микроразметкой, слайдером, спойлерами, гибкими настройками внешнего вида, встроенной рекламой, без тяжелых фреймворков.
Тема Root очень быстрая и хорошо отображается на всех устройствах - на ПК, на планшетах, на телефонах.
Содержание
Вывод рекламы
Теперь вывод рекламы встроен прямо в тему WordPress Root, это минус еще один плагин типа Ad Inserter. Удобен доступ к настройке рекламных блоков:
Внешний вид - Реклама.
- В тему 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.
- Изначально блок Info выглядит так:
- Выберем нужную нам иконку на fontawesome.com и скопируем ее код.
- Пропишем следующий код (с уже новым кодом иконки) в Дополнительные стили:
/* Блок Info */ .entry-content blockquote.info:before { content: "\f05a"; }
В результате имеем:
- Если необходимо изменить цвет иконки - добавляем строчку с кодом цвета:
/* Блок 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.
Блок автора
С помощью данного блока можно вывести блок автора после текста записи, на странице записи.
Как вывести блок автора на страницах записей?
- Заполните профиль пользователя: Аватар и Биография.
- Чтобы отобразить блок автора, перейдите
Внешний вид > Настроить > Блоки > Запись
и в блоке "Выводить блок автора?" отметьте "Да, выводить". - Для настройки что именно выводить в блоке автора
Настройка > Модули > Блок автора
Как установить свою аватарку для автора? По умолчанию WordPress в качестве аватарки автора подтягивает изображение, заданное в онлайн-сервисе gravatar.com. Если картинка не установлена или пользователь не зарегистрирован в этом сервисе, выводится иконка по умолчанию.
Можно загружать свои аватарки для зарегистрированных пользователей с помощью плагина Clearfy Pro. Плагин добавляет загрузку картинок на странице редактирования профиля (это изображение будет сохранятся локально и выводиться в комментариях и блоке автора).
Как изменить размеры аватара в встроенном блоке автора? По умолчанию, ширина и высота аватара в встроенном блоке автора 70 пикселей. Чтобы изменить размеры аватара, установите и активируйте плагин ProFunctions и добавьте в него код:
add_filter( 'root_author_avatar_size', function () { return 70; } ); |
Ширину и высоту аватара 70 пикселей можете изменить на другую.
Кнопки социальных сетей
- Для вывода встроенных в тему 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 заменить социальные кнопки на другие? Для установки блока социальных кнопок от Яндекс отключите встроенные в тему соц. кнопки: Внешний вид > Настроить > Блоки > Запись и в поле "Выводить соц кнопки под постом" выберите "Нет, не выводить".
Затем установите и активируйте плагин 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 необходимо в админ-панели перейти Внешний вид > Настроить > Коды. Секция дает возможность вставлять произвольный код в <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; } |