РекламаСамый популярный VDS-хостинг в России, от 199 рублей в месяц!
Перенесите к нам свои сайты от другого хостинг-провайдера и вы получите: скидку 40% на VDS, бесплатный пакет администрирования на месяц и секретный бонус после переезда.

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

 3 сентября 2017      
 WordPress      
 комментария 2      
 2140

Редкий сайт обходится без боковой колонки или панели, в которой могут находиться виджеты, содержание сайта, рекламные блоки. В этой статье расскажу как создать и настроить сайдбар в 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
Поделись этой страницей с друзьями!

Прочтите это обязательно

Не бери трубку

Спам звонки - эффективные методы блокировки

С каждым днем любители легкой наживы изобретают новые способы изъятия денег у доверчивых граждан. К спаму в эл ...

Безопасность спам Далее
SC коннектор одномодового волокна

Цвет разъемов SC для одномодового волокна

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

Локальные и глобальные сети apc pc sc spc upc Далее

Обсуждение: 2 комментария

  1. Сергей:

    А как добавить еще один sidebar только слева?

    Ответить
    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');
      ?>

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

      Ответить

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

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

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

2018 © Технический блог
SQL - 72 | 0,116 сек. | 8.35 МБ
доступность сайта