Как создать дополнительную область для виджетов

Как создать дополнительную область для виджетов | n-wp.ru
👍 Научим бесплатно правильно создавать сайты на WordPress. Подробнее →

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

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

register_sidebars(2);

Цифра 2 обозначает количество сайдбаров – вы можете зарегистрировать хоть 10 сайдбаров, но не забывайте, что их все потом нужно сделать. Проверить, создались ли новые легко – достаточно зайти в раздел виджетов и посмотреть, где можно разместить текущие виджеты – в выпадающем меню будут указаны ваши сайдбары.

Можно персонализировать регистрацию сайдбаров, используя не код выше, а вот этот:

register_sidebar( array(
'name' => 'sidebar1',
'id' => 'sidebar1',
'before_widget' => '<div id="%1$s" class="%2$s widget">',
'after_widget' => '</div>',
'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>'
) );
register_sidebar( array(
'name' => 'sidebar2',
'id' => 'sidebar2',
'before_widget' => '<div id="%1$s" class="%2$s widget">',
'after_widget' => '</div>',
'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>'
) );

sidebar1 и sidebar2 – это два ваших сайдбара.

После регистрации нужно создать в сайдбаре содержимое, снабдив их зонами для расположения виджетов. Один сайдбар у вас уже есть – вы можете посмотреть, как в нем все устроено – ничего сложного. Самое главное – создать ту область, в которую можно будет добавлять виджеты. Это делается кодом:

      любой код

Обратите внимание на цифру 2 – это номер сайдбара. Если вы ничего не размещаете в сайдбаре 2, то в нем отображается все, что скрывается за надписью “любой код”. Если же вы зайдете в админку и разместите во втором сайдбаре виджеты, то они будут отображаться вместо этого кода.

В случае персонализированного варианта можно использовать и такой код:

  любой код

По такому же принципу можно создавать дополнительные области не только в сайдбаре, но и в любом другом месте.

Создай свой первый сайт на WordPress

tiaurus

Автор n-wp.ru — блога о WordPress для новичков.

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

  1. Kolyada09

    Всем доброго времени!
    Подскажите, пожалуйста, код для CSS, чтобы дополнительная область выводилась не справа со встроенными областями, а с лева!

    Ответить
    1. Слева или справа – за это отвечает css вашей темы. Где находится у вас сайдбар – там и будет выводиться область с виджетами.

      Ответить
      1. Kolyada09

        В теме он находится справа, а хочется дополнительный расположить слева.

        Ответить
        1. Вы хотите, чтобы я вам тему переделал? Это не так просто, как кажется, требует времени и стоит денег.

          Ответить
  2. Celentano

    как вывести вот этот плагин WordPress Theme Demo Bar
    Дайте пожалуйста php код

    Ответить
×
WordPress:
прокачай свой сайт!

Скидка на премиум темы и плагины

Успей забрать скидку ⋙