Как добавить в шаблон собственную область для вывода виджетов

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

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

Иногда хочется добавить в существующий шаблон собственную область виджетов и WordPress предоставляет для этого простые и удобные инструменты.

Рассмотрим добавление области виджетов в тему на простом примере. Здесь я предполагаю, что у читателя есть базовые знания php и структуры шаблонов WP.

Добавим в шапку сайта область для наполнения такими элементами как контактные телефоны.

Для этого потребуется выполнить 3 шага:

  1. зарегистрировать новую область виджетов в файле function.php;
  2. наполнить ее информацией в панели управления;
  3. сделать вывод области в вашем шаблоне.

Регистрация области виджетов производится специальной функцией register_sidebar.

Основные параметры здесь означают:

  • name — заголовок виджета;
  • description — описание;
  • id — идентификатор.

Сохраняем файл. Заходим в админ панель «Внешний вид — Виджеты». Видим, что там появилась новая область, которая на рисунке выделена красной рамкой. Видим, что ее заголовок и описание как соответствуют нашим.
добавление области виджетов на сайт
Далее перетаскиваем в эту область элемент «Текст» из области доступных виджетов и записываем в него наши телефоны.

Затем выводим область виджетов в нашей теме (у меня это нужно сделать внутри тега header, чтобы выводилось на всех страницах). Делается это функцией dynamic_sidebar, в качестве аргумента для которой указываем наш идентификатор top-area.

Применяем необходимо стилевое оформление к элементу и вот как он выводится у меня. Здесь правда слева еще один виджет с адресом компании.
widget2

Теперь клиент может самостоятельно изменять телефоны и адрес в шапке на своем сайте.

8 комментариев

  1. Николя 9 месяцев назад
  2. Сергей Игоревич Самохвалов 5 месяцев назад
  3. валентин 4 месяца назад
    • admin 4 месяца назад
  4. Денис 1 месяц назад
    • admin 1 месяц назад
  5. Сергей 2 недели назад
    • admin 2 недели назад

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