Сайдбары WordPress — как подключить боковую панель и использовать виджиты

Опубликовано: 3 сентября 2017
Раздел(ы): WordPress
Просмотры: 9148
Комментарии: 2

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

Как добавить сайдбар в вордпресс

Чтобы зарегистрировать виджеты WordPress на боковой панели сначала необходимо эту самую боковую панель создать. Для этого находим в вашей теме WordPress файл functions.php и добавляем в него следующие строки:

function register_my_sidebars(){
  register_sidebar( array(
  'name' => "Правая боковая панель сайта",
  'id' => 'right-sidebar',
  'description' => 'Эти виджеты будут показаны в правой колонке сайта',
  'before_widget' => '<div id="%1$s" class="widget %2$s">', 
  'after_widget' => '</div>',
  'before_title' => '<h2 class="widget-title">',
  'after_title' => '</h2>'
 ) );
}
add_action( 'widgets_init', 'register_my_sidebars' );

Как наполнить sidebar виджетами

Переходим в меню «Внешний вид — виджеты» и перетаскиваем мышкой доступные виджеты на зарегистрированную нами ранее панель.


WordPress SideBar - как создать боковую панель и добавить на нее виджеты

WordPress сайдбар - как добавить виджеты

Как вывести сайдбар на странице

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

<?php
if ( function_exists('dynamic_sidebar') )
  dynamic_sidebar('right-sidebar');
?>

Полезные ссылки

При написании статьи были использованы следующие источники:

  1. https://codex.wordpress.org/Sidebars
  2. https://wp-kama.ru/function/register_sidebar
  3. https://truemisha.ru/blog/wordpress/sidebars.html

Обсуждение (комментарии к статье)

    1. Сергей, по аналогии регистрируете еще один, только с другим ID, примерно так:

      function register_my_sidebars(){
        register_sidebar( array(
        'name' => "Правая боковая панель сайта",
        'id' => 'right-sidebar',
        'description' => 'Эти виджеты будут показаны в правой колонке сайта',
        'before_widget' => '<div id="%1$s" class="widget %2$s">', 
        'after_widget' => '</div>',
        'before_title' => '<h2 class="widget-title">',
        'after_title' => '</h2>'
       ) );
        register_sidebar( array(
        'name' => "Левая боковая панель сайта",
        'id' => 'left-sidebar',
        'description' => 'Эти виджеты будут показаны в левой колонке сайта',
        'before_widget' => '<div id="%1$s" class="widget %2$s">', 
        'after_widget' => '</div>',
        'before_title' => '<h2 class="widget-title">',
        'after_title' => '</h2>'
       ) );
      }
      add_action( 'widgets_init', 'register_my_sidebars' );

      И в нужном месте его выводите:

      <?php
      if ( function_exists('dynamic_sidebar') )
        dynamic_sidebar('left-sidebar');
      ?>

      А вот как это будет выглядеть слева/справа зависит от верстки вашего сайта.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Нажимая кнопку "Отправить" Вы даёте свое согласие на обработку введенной персональной информации в соответствии с Федеральным Законом №152-ФЗ от 27.07.2006 "О персональных данных", на условиях и для целей определенных политикой конфиденциальности сайта.

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.

© Юрий Рассадников, 2011 - 2021
uptime узнать
Домен : reg.ru
Хостинг : adman.com
SQL - 13 | 0,351 сек. | 10.63 МБ