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

 3 сентября 2017      
 WordPress      
 Комментариев еще нет      
 266

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

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

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

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

2017 © Технический блог
SQL - 50 | 0,250 сек. | 10.7 МБ
доступность сайта