Как добавить виджет 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 файл, для отличного визуального отображения нашего место под виджеты. Ну я думаю, Вы это уже и без меня знаете.
На этом урок закончен, надеюсь, все изложил понятно, но если будут вопросы, пишите их в комментариях.
Свяжитесь с нами уже сейчас
- +7 (906) 272-38-19
Telegram / WhatsApp - info@cruelten.ru
- Cruelten
- Cruelten
Вы привыкли видеть здесь форму обратной связи. Ведь так? Ее делают почти все. Но исследуя поведение людей, мы пришли к выводу, что форма совершенно не нужна. В любом случае все сводится к обсуждению Вашего проекта в WhatsApp или Telegram. А зачем нам тратить Ваше время на заполнение различных форм? Поэтому, пишите в Telegram или в WhatsApp.