X
  • Дизайн та розробка сайту
  • Дизайн і створення сайтів. Розробка тем для WordPress. Створення Landing Page.
  • office@gnatkovsky.com.ua
  • @vgnat
  • Написати мені
Замовити послугу

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

Приклад
  • 2024-10-15
  • 6826 переглядів

  • Дизайн та розробка сайту

Добрый день. Сегодня рассмотрим как добавить место под виджеты. Сами виджеты - очень удобная штука. Благодаря им можно при желании вообще менять вид сайта с админки 🙂 Но за частую шаблон 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
Проголосовало: 6, в среднем: 5 из 5
Читайте також

Deprecated: Функція WP_Query викликана з аргументом, який вважається застарілим з версії 3.1.0! Вираз caller_get_posts застарілий. Використовуйте ignore_sticky_posts. in /var/www/vhosts/gnatkovsky.com.ua/gnatkovsky.com.ua/public/wp-includes/functions.php on line 6078