Как добавить виджет WordPress в нужное место на сайте?
Блог
Делимся с Вами своими знаниями и новостями

#Cruelten » Блог » Web » Как добавить виджет WordPress в нужное место на сайте?

03.01.2014

Как добавить виджет WordPress в нужное место на сайте?

Как добавить виджет WordPress в нужное место на сайте? Вопрос без сомнения один из самых востребованных. Сегодня мы научимся это делать легко и просто. Я хочу сразу перейти к коду, чтобы долго Вам не мучать и по ходу работы буду объяснять, что и как я делаю. Думаю это правильно и Вы со мной согласитесь. Поехали.

Допустим, нам срочно нужно вставить какой-то виджет в определенное место на сайте, но сделать нам это нужно так, чтобы это место отображалась в админке W0rdPress и могло заменяться любым виджетом. Итак, чтобы это сделать, мы разобьем нашу работу на несколько этапов.

Регистрируем место под виджет

Для начала нам необходимо в нашей теме найти файл functions.php и сразу после того, как Вы его откроете и найдете вверху код открытия php — <?php вставляем нижеследующий код.

if ( function_exists('register_sidebar') )
    register_sidebar(array(
        'name' => 'New Sidebar',
        'before_widget' => '<div class="newsidebar">',
        'after_widget' => '</div>',
        'before_title' => '<div class="title">',
        'after_title' => '</div>',
    ));

В этом коде мы говорим системе, чтобы она зарегистрировала новое место под виджеты. И в нашем сайдбаре будут следующие данные:

  • name’ — имя блока для виджетов. Здесь можете придумать любое имя.
  • ‘before_widget’ — в эту строчку прописывается HTML код, который Вы хотите добавить перед виджетом
  • ‘after_widget’ — Html код после виджета
  • Параметры ‘before_widget’ и ‘after_widget’ нужны для придания определенного стиля оформления блока с виджетами с помощью CSS.
  • Параметры ‘before_title’ и ‘after_title’ — соответственно для придания стиля оформления заголовкам виджета.

Все, мы зарегистрировали наш новый сайдбар. Теперь мы можем спокойно перейти в нашу админку и найти там наш сайдбарик с именем New SideBar — Вы можете назвать его совершенно по своему, как захотите.

Размещение сайдбара на сайте

Для нашей админки мы сайдбар сделали, но на сайте он еще не отображается, поэтому надо указать теперь непосредственно в коде нашего сайта в том месте, где мы хотим выводить наш сайдбар (место под виджеты), где ему выводиться.

Для этого открываем файл темы, например  header.php — если хотим выводить виджеты в шапке и вставляем следующий код в нужное нам место.

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("New Sidebar") ) : ?>
<?php endif; ?>

Ну вот, собственно, и весь код. Теперь наш сайдбарик выводится там, где мы прописали этот код. Но и это еще не все. Теперь, чтобы отображалось все отлично можно править спокойно CSS файл, для отличного визуального отображения нашего место под виджеты. Ну я думаю, Вы это уже и без меня знаете.

На этом урок закончен, надеюсь, все изложил понятно, но если будут вопросы, пишите их в комментариях.

Метки:

Свяжитесь с нами уже сейчас

Вы привыкли видеть здесь форму обратной связи. Ведь так? Ее делают почти все. Но исследуя поведение людей, мы пришли к выводу, что форма совершенно не нужна. В любом случае все сводится к обсуждению Вашего проекта в WhatsApp или Telegram. А зачем нам тратить Ваше время на заполнение различных форм? Поэтому, пишите в Telegram или в WhatsApp.