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

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

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

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

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

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

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

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

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

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

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

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

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