Главная › WordPress

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

Чтобы добавить свой сайдбар (зону видимости для виджетов) в тему WordPress’а нужно:

  1. Зарегистрировать новый сайдбар в файле темы function.php.
  2. Вставить в шаблон темы код для вывода сайдбара (в те файлы где нужно, чтобы отображался новый сайдбар, например: index.php, catygory.php, single.php, tag.php и т.д.).

Расположение файла: /wp-content/themes/имя_вашей_темы/functions.php

1. Регистрируем новый сайдбар. Открываем файл темы function.php и вставляем следующий код:

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
 
// Registration sidebar
register_sidebar( array(
'name' => __( 'Новый сайдбар', 'twentyten' ),
'id' => 'new-sidebar-widget',
'description' => __( 'Область описания сайдбара', 'twentyten' ),
'before_widget' => '
  • '
    • ,
    'after_widget' => '',
    'before_title' => '

    '

    ,
    'after_title' => '',
    ) );
     
     

    ‘Новый сайдбар’ — название сайдбара, будет отображаться в админке в виджетах;
    ‘twentyten’ — название темы где будет устанавливаться сайдбар;
    ‘Область описание сайдбара’ — описание сайдбара, выводится под названием сайдбара;
    ‘new-sidebar-widget’ — важный параметр, идентификатор по которому будет выводиться сайдбар; параметр должен быть уникальным.

    Отображение нового сайдбара в админке «Виджеты»

    2. Добавляем вывод сайдбара в шаблоне темы. Открываем все файлы шаблона, где нужно чтобы выводилась новая зона виджета (например: sidebar.php, single.php, catygory.php, tag.php, index.php) и вставляем код туда где хотите чтобы отображался блок на странице:

    PHP
    1
    2
    3
    4
    5
    6
    7
    8
     
     
    if ( is_active_sidebar( 'new-sidebar-widget' ) ) : ?>
    div id="id-new-sidebar" role="complementary">
    ul> dynamic_sidebar( 'new-sidebar-widget' ); ?>/ul>/div>
    endif; ?>
     
     

    — проверяет добавлены или нет какие-либо виджеты в данную зону, если нет, то и не выводит;

    — вставляет указанную зону виджетов.

    — добавляет
    со своим идентификатором для редактирования стиля отображения. (complementary означает информационный блок; бывает banner, navigation, note и др. См. атрибуту role).

    Всё, область виджетов вставлена в шаблон темы Вордпресса.

    Поделиться с друзьями:
    Поделиться
    Отправить
    Класснуть
    Ссылка на основную публикацию