Перейти к содержимому

WordPress. Создание нового сайдбара под виджеты

Не все темы WordPress содержат достаточное количество сайдбаров, размещенных в нужных пользователю местах. Поэтому создание дополнительных сайдбаров под виджеты всегда было и остается актуальным. Несмотря на то, что «sidebar» переводится как «боковая панель», в WordPress он представляет из себя контейнер для виджетов, который можно разместить в любом месте сайта.

  1. Регистрация пользовательского сайдбара
  2. Добавление нового сайдбара на сайт

Не забывайте перед внесением изменений в файлы вашего сайта делать его резервную копию для восстановления в случае неудачи. Настоятельно рекомендую на WordPress использовать дочернюю тему.

Регистрация пользовательского сайдбара

Код регистрации сайдбара

Для регистрации нового сайдбара необходимо вставить следующий код в файл functions.php дочерней темы:

function new_widgets_init() {
   register_sidebar( array(
      'name' => 'Название сайдбара',
      'id' => 'my-sidebar-1',
      'description'   => 'Краткое описание сайдбара',
      'before_widget' => '<section id="%1$s" class="widget %2$s">',
      'after_widget'  => '</section>',
      'before_title'  => '<h2 class="widget-title">',
      'after_title'   => '</h2>',
   ) );
}
add_action( 'widgets_init', 'new_widgets_init' );

Код добавьте в конец файла.

Если в вашей дочерней теме нет файла functions.php, создайте новый текстовый файл, переименуйте его в functions.php и откройте в любом текстовом редакторе (рекомендую Notepad++). Перед копированием во вновь созданный файл приведенного выше кода добавьте в первую строку открытый тег:

<?php

Закрывать тег после вставки кода регистрации сайдбара не нужно. Сохраните изменения и загрузите созданный файл functions.php в каталог дочерней темы.

Расшифровка некоторых элементов

  • name - название сайдбара, которое будет отображаться в разделе «Виджеты» админ-панели WordPress. Замените текст в одинарных кавычках «Название сайдбара» на свой.
  • id - уникальное имя сайдбара латиницей, идентифицирующее его при обращении к нему из кода. Замените текст в одинарных кавычках «my-sidebar-1» на свой или оставьте этот, в следующих сайдбарах можно будет увеличивать номер на единицу.
  • description - краткое описание сайдбара, которое будет отображаться под его названием в разделе «Виджеты» админ-панели WordPress. Замените текст в одинарных кавычках «Краткое описание сайдбара» на свой.

После размещения представленного кода в файле functions.php в разделе «Виджеты» админ-панели WordPress появится новый сайдбар с названием, указанном для элемента name.

Добавление нового сайдбара на сайт

Код добавления сайдбара

Добавляется сайдбар на сайт с помощью следующего кода:

<?php if ( is_active_sidebar( 'my-sidebar-1' ) ) : ?>
<div>
<?php dynamic_sidebar( 'my-sidebar-1' ); ?>
</div>
<?php endif; ?>		

В одинарных кавычках (в двух местах) указывается уникальное имя сайдбара, измените его, если в коде регистрации вы использовали другое имя.

Где можно разместить код

Разместить код добавления сайдбара можно в header.php, footer.php, шаблонах страниц (page.php) и записей (single.php). Перед тем как вставлять код, скопируйте файл, который вы хотите модифицировать, и поместите его в каталог дочерней темы. Если изменяемый файл в родительской теме расположен в подкаталоге, в дочерней теме тоже необходимо создать подкаталог с таким же именем и разместить файл в нем.

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

Ваш комментарий будет опубликован после прохождения обязательной модерации. Исходящие ссылки не допускаются. Время модерации составит от нескольких минут до нескольких часов в зависимости от времени суток и занятости модератора. Комментарии, поступившие с 20.11.18 по 25.11.18, пройдут модерацию 26-27.11.18