Задавайте вопросы по курсам WordPress

Добавляем сайдбар в 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