Как добавить виджет WordPress в нужное место на сайте?
Как добавить виджет WordPress в нужное место на сайте? Вопрос без сомнения один из самых востребованных. Сегодня мы научимся это делать легко и просто. Я хочу сразу перейти к коду, чтобы долго Вам не мучать и по ходу работы буду объяснять, что и как я делаю. Думаю это правильно и Вы со мной согласитесь. Поехали.
Допустим, нам срочно нужно вставить какой-то виджет в определенное место на сайте, но сделать нам это нужно так, чтобы это место отображалась в админке W0rdPress и могло заменяться любым виджетом. Итак, чтобы это сделать, мы разобьем нашу работу на несколько этапов.
Регистрируем место под виджет
Для начала нам необходимо в нашей теме найти файл functions.php и сразу после того, как Вы его откроете и найдете вверху код открытия php – <?php вставляем нижеследующий код.
|
1 2 3 4 5 6 7 8 |
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 – если хотим выводить виджеты в шапке и вставляем следующий код в нужное нам место.
|
1 2 |
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("New Sidebar") ) : ?> <?php endif; ?> |
Ну вот, собственно, и весь код. Теперь наш сайдбарик выводится там, где мы прописали этот код. Но и это еще не все. Теперь, чтобы отображалось все отлично можно править спокойно CSS файл, для отличного визуального отображения нашего место под виджеты. Ну я думаю, Вы это уже и без меня знаете.
На этом урок закончен, надеюсь, все изложил понятно, но если будут вопросы, пишите их в комментариях.
Метки: WordPressСвяжитесь с нами уже сейчас
- +7 (906) 272-38-19
Tel./ WhatsApp/ Viber - info@cruelten.ru
- Cruelten
- Cruelten
Комментарии: