Добавляем сайдбар в WordPress – урок 18

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

Для включения заходим в файл functions.php и добавляем туда код.

Разберем все атрибуты, введенные в переменную $args:

  • id — уникальный идентификатор сайдбара, создавая другие сайдбары этот идентификатор не должен повторяться;
  • name — заголовок сайдбара;
  • description — описание назначения сайдбара;
  • class — класс который можно добавить для стилизации сайдбара;
  • before_title — текст или теги которые должны вставляться до заголовка;
  • after_widget — текст или теги которые должны вставляться после заголовка;
  • before_widget — текст или теги до виджета;
  • after_widget — текст или теги после виджета.

before_widget и after_widget — используют для создания обвертки виджета.

После добавления кода в панели администратора появится пункт Виджеты (Widgets).

wordpress create sidebar widgets курсы по wordpress

Посмотрим на сам сайдбар и разберем по пунктам, что на нем есть:

Создание нового сайдбара для левой колонки

  1. name‘ => __( ‘Сайдбар’, ‘striped’ ) — заголовок сайдбара;
  2. description‘ => __( ‘Левая колонка’, ‘striped’ ) — описание сайдбара;

Перетянем в наш сайдбар виджет:

wordpress вставляем виджет категории

Пока в нашем сайдбаре не будет отображаться активный виджет, с ним можно работать только в панели администратора. Чтобы виджет отображался необходимо добавить специальный код в шаблоне sidebar-left.php.

Добавляем код вверху шаблона sidebar-left.php.

После добавления кода у вас на сайте должен появиться виджет.

display widget wordpress in themplate

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

empty widget wp курсы wordpress

Этот момент можно исправить, немного видоизменив код вывода виджета.

В файле functions.php изменим код на вот такой:

В файле sidebar-left.php изменим код на вот такой:

Теперь рассмотрим, как полностью скрывать сайдбар и выводить только если в нем есть виджеты.

В файле functions.php

В файле sidebar-left.php

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

zip wordpress theme archive


Купить хостинг WordPress
Репетитор по wordpress
Услуги репетитора онлайн. Список курсов которые я веду
  • Базовый курс по веб-дизайну;
  • Верстка сайтов;
  • Общий курс по CMS WordPress и продолжение курса по разработке шаблонов;
  • Разработка сайтов на PHP.
Подробнее читайте на странице репетитор по WordPress
*/

Николаенко Максим

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


Вам может также понравиться...

комментария 2

  1. John Deere:

    Very nice post, I surely love this site, keep it up.

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.

Шаблоны для WordPress
Самый лучший хостинг в Украине
Стабильный хостинг для Drupal