Добавить сайдбар в шаблон WordPress
Всем привет. Как и обещал сегодня расскажу как добавить сайдбар в шаблон WordPress. Дополнительный сайдбар на страницах — это очень удобно и открывает новые возможности. Позволяют быстро добавить или убрать на страницах элементы навигации. В разных темах предусмотрены разные варианты размещения сайдбаров. Но что нам прикажете делать, если тема нам нравится а боковая панель одна?
Нам нужен с лева, а сайдбар находится с права или наоборот. Или нам нужно, чтобы на разных страницах отображались в сайдбаре разные данные. В данной статье мы рассмотрим как эту проблему исправить.
Новый сайдбар для шаблона
В прошлой статье мы с вами создали новый шаблон страниц wordpress. Теперь нам нужно для этих шаблонов создать отдельные сайдбары. Есть несколько способов как добавить боковые панели в шаблон WordPress.
Дополнительный сайдбар для шаблона wordpress
Самый простой способ, если вы не хотите заморачиваться с кодом — это установить плагин Content Aware Sidebars. Устанавливаем через админ панель и активируем. У нас появится вот такой плагин.
У вас будет называться по другому, у меня он переведен на русский язык.
В следующей статье я вам расскажу как переводить плагины, темы на русский язык автоматически.
Создаем сайдбар
Нажимаем все боковые панели и добавить новое. Пишем название боковой панели. Я показываю на тестовом сайте онлайн школы, поэтому я дам название «Курсы». Определяемся где у нас будет отображаться данная боковая панель и нажимаем на эту страницу.
Читайте также Для кого мой сайт
Все боковая панель у нас создана.
Настройка сайдбара
Будем ее настраивать. Я не знаю в бесплатной версии есть все настройки или нет, у меня платная версия. У кого есть желание у меня в «Бизнес школе Александра Долгих» на курсах «Как создать сайт и заработать» все эти плагины входят в комплект.
Открываем вкладку экшены и устанавливаем заменять.
Целевая боковая панель — выбираем заменить основной сайдбар. Переходим во вкладку дизайн,
включаем боковую колонку, виджет и описание виджета. Прокручиванием вниз и настраиваем по своему усмотрению цвет, столбцы и так далее. Также мы можем выбрать, чтобы сайдбар показывался по расписанию.
После всех настроек не забываем сохранить.
Установка виджетов
Заходим в виджеты и видим, что у нас появилась дополнительная панель «Курсы» Добавляем туда виджеты.
Идем на страницу «Все курсы», нажимаем на любой курс и видим, что сайдбар у нас отображается.
Переходим на уроки и у нас отобразилась другая панель. Да чуть не забыл. Чтобы боковые панели отображались, нужно создать отдельные шаблоны.
Как создать отдельный шаблон, читайте в моей статье.
На этом все. Пока, пока.
Как на сайте WordPress создать разные сайдбары для страниц, записей и категорий?
Использование разных боковых панелей (сайдбаров) для разных страниц и категорий позволяет предложить читателям то, что наиболее удовлетворит их нуждам, предоставляя наиболее нужный им контент. Например, пользователь, зайдя на главную страницу сайта, увидит виджет с наиболее популярными записями. Открыв одну из них, в боковой панели теперь покажется список схожих с этим материалов. Также и на страницах интернет-магазинов. На главной в сайдбаре будет одна информация, а на странице конкретного товара пользователю будут доступны какие-нибудь к нему аксессуары.
Как создать разные сайдбары?
Видно, что на странице выводится пока что пустой список сайдбаров. Для создания первого нужно нажать кнопку Добавить новую. В открывшемся окне следует ввести название панели, а также задать необходимые условия (блок Sidebar Conditions).
Выбор того или иного условия запускает тот или иной сайдбар. Например, если вы выбрали условие Рубрики, то новая боковая панель будет отображаться в этой категории.
Вы в вправе добавить множество условий. Но тут необходимо понять один момент — разницу между И (AND) и ИЛИ (OR). При использовании AND все условия должны совпасть в одну и ту же единицу времени. Это нужно для того, чтоб сайдбар отобразился. Если выбрано условие OR, то боковая панель отобразится в том случае, если совпадает хотя бы одно условие.
Следующий этап подразумевает выбор необходимых опций показа сайдбара, которые находятся справа, в боковой панели.
Опции показа подразумевают выбор 4-х настроек.
Action. Благодаря этой опции, есть возможность полностью заменить существующий сайдбар новым. Также существующая боковая панель может дополниться новой. Это означает, что у вас будет базовый сайдбар, который, в случае необходимости, будет дополняться необходимой информацией.
Target Sidebar. Тут Вы можете выбрать ту боковую панель, которую вы хотите заменить или миксовать.
Соединить позиции (Merge Position). В том случае, если Вами были выбраны опции Слить (Merge) и не Заменить (Replace), то здесь вы можете указать, будет ли добавлен дополнительный контент выше или ниже существующего.
Visibility. Опция позволяет настроить видимость по статусу пользователя (или пользовательской роли в Pro версии).
Например, чтоб полностью заменить существующий сайдбар, настройки будут выглядеть следующим образом:
В случае, если Вы захотите добавить контент нового сайдбара выше контента существующего сайдбара, то это будет выглядеть так:
Следующим шагом в создании боковых панелей является задание расписания времени показа определенных сайдбаров. Для этого необходимо перейти на вкладку Schedule. Если Вы действительно захотите управлять временем показа, то на вкладке доступны гибкие и понятные для этого настройки. Если не будет выбрано ни одной из них, боковая панель будет доступна всегда.
Для сохранения всех настроек необходимо нажать кнопку Сохранить, которая находится в правом верхнем углу страницы.
Следующим шагом является добавление контента в новый сайдбар. Для этого в админ-панели необходимо Внешний вид -> Виджеты, где можно увидеть созданный нами сайдбар.
Теперь в новую боковую панель Вы сможете добавлять все необходимые Вам виджеты.
В итоге, перейдя на какую-либо страницу или запись на сайте, будет показана созданная нами боковая панель.
Некоторые замечания по работе плагина
Если Вами было создано несколько сайдбаров, то может возникнуть конфликт между ними, то есть два разных сайдбара, которые выводятся для одной и той же странице. Разработчики плагина предусмотрели эту ситуацию. Прежде всего, если две или более боковых панели настроены таким образом, чтобы заменить одну целевую, то плагин автоматически создаст их гибрид, гарантируя корректную работу. Если Вы хотите заранее избежать каких-либо конфликтов, то на странице создания/редактирования сайдбара, в поле Action, необходимо выставить значение Принудительная замена. В таком случае панель с этим параметром полностью заменит любой другой сайдбар. Если опция Принудительная замена будет включена у всех сайдбаров, то в таком случае выведется тот, который загрузится быстрее всех.
Нажмите, пожалуйста, на одну из кнопок, чтобы узнать понравилась статья или нет.
Как добавить сайдбар на страницу магазина Woocommerce?
Не могу добавить сайдбар на страницы woocommerce (магазин, корзина). Плагины вроде Custom Sidebars не помогают. Виджеты установлены на показ на всех страницах, но на страницах woocommerce не отображаются.
- Вопрос задан более трёх лет назад
- 595 просмотров
Комментировать
Решения вопроса 0
Ответы на вопрос 1
tuxfighter @tuxfighter
1. Использовать тему, где это уже реализовано
2. Самостоятельно переверстать шаблоны этих страниц.
Ответ написан более трёх лет назад
Сайдбары WordPress — как подключить боковую панель и использовать виджиты
Чтобы зарегистрировать виджеты WordPress на боковой панели сначала необходимо эту самую боковую панель создать. Для этого находим в вашей теме WordPress файл functions.php и добавляем в него следующие строки:
function register_my_sidebars() < register_sidebar( array( 'name' =>"Правая боковая панель сайта", 'id' => 'right-sidebar', 'description' => 'Эти виджеты будут показаны в правой колонке сайта', 'before_widget' => '', 'after_widget' => '', 'before_title' => ''' ) ); > add_action( 'widgets_init', 'register_my_sidebars' );
Как наполнить sidebar виджетами
Переходим в меню «Внешний вид — виджеты» и перетаскиваем мышкой доступные виджеты на зарегистрированную нами ранее панель.
WordPress сайдбар — как добавить виджеты
Как вывести сайдбар на странице
В нужном нам месте на странице где должен быть сайдбар необходимо вставить следующий код:
Полезные ссылки
При написании статьи были использованы следующие источники:
- https://codex.wordpress.org/Sidebars
- https://wp-kama.ru/function/register_sidebar
- https://truemisha.ru/blog/wordpress/sidebars.html