Главная
Wordpress
Добавление блока виджетов в шаблон WordPress
  • 25 Мар 2014г
  • 1152
  • 0
  • Рубрика: Wordpress

Добавление блока виджетов в шаблон WordPress

Место под сайдбары

Добрый день. Сегодня рассмотрим как добавить место под виджеты. Сами виджеты - очень удобная штука. Благодаря им можно при желании вообще менять вид сайта с админки 🙂 Но за частую шаблон WordPress использует 1-2 места под виджеты. Скорее всего, это левый или правый сайдбар. Иногда нужно больше. Допустим можно сделать блок виджетов и поместить в него счетчики  посещения. Или под записью вы хотите разместить рекламу от рекламодателя и меняете ее раз в неделю, чтобы каждый раз не лезть в файл single.php и менять там, можно просто организовать блок виджетов и с админки вставлять код. В общим возможности ограничиваются Вашей фантазией.

1. Сначала нужно зарегистрировать новый блок в functions.php

Открываем файл функций и прописываем в нем

if ( function_exists('register_sidebar') )
	register_sidebar(array(
		'name' => 'Правый сайдбар',
		'before_widget' => '',
		'after_widget' => '',
		'before_title' => '<div class="titlebg">',
		'after_title' => '</div>',
	));

в 3 строке задаем имя виджета (name). У нас название - Правый сайдбар. Можно вводить любое имя хоть на английском хоть на русском, но важно его запомнить, потому что его нужно будет ввести еще в одном месте. Также в 4 и 5 строке можно прописать отображаемый HTML код до и после виджета (before_widget, after_widget). У нас пусто по умолчанию. В 6 и 7 строке код до и после заголовка. То есть вы можете настроить свой класс заголовку и в новом виджете заголовок будет отличаться. Сохраняем наш functions.php и переходим в админку к разделу «Виджеты». Если все было сделано правильно то найдете там новый блок. Сразу можно добавить какой-нибудь виджет, чтобы потом проверить, все ли правильно мы сделали.

2. Отображаем блок в самом шаблоне

Для этого открываем необходимый файл. Это может быть header.php, footer.php, single.php и тд. Все зависит от того, где вы хотите видеть новый блок. После чего вставляем в нужное место следующий код.

<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar('Правый сайдбар') ) : else : ?>
<?php endif; ?> 

Во второй строке мы видим - Правый сайдбар. Вот как раз это имя и должно совпадать с тем что в файле functions.php. То есть если вы назвали свой блок - "Место для счетчиков", то это название должно быть и там и там. На этом все. Сохраняем наш файл, который мы редактировали и переходим к сайту. После обновления страницы вы должны увидеть результат. Осталось прописать стили в файле style.css, чтобы настроить под себя новый блок.

На этом все. Спасибо за внимание 🙂




Если Вам был полезным мой труд, можете поддержать сайт, обменяться со мной текстовыми ссылками или посмотреть рекламку, что займет 2 минуты :)


Оцените статью
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(3 голоса, в среднем: 5 из 5)

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

Заполните поля ниже. Ваш e-mail не будет опубликован. Обязательные поля помечены *

Уважаемые пользователи! При добавлении комментариев на сайт Вам следует соблюдать правила указанные под формой отправки комментариев.

Соблюдайте добавления комментариев

Это не спам *

Нажмите, чтобы добавить код в комментарий