<MyRusakov.ru />

Профессия Web-разработчик

Профессия Web-разработчик

Этот комплект за 8 месяцев превратит Вас в Web-разработчика с нуля. Учиться достаточно 1 час в день.

Начнёте Вы с HTML, CSS и вёрстки сайтов. Потом перейдёте к программированию и JavaScript. Затем изучите PHP, MySQL, SQL, Python. Изучите Web-фреймворки Laravel и Django. Создадите 5 своих сайтов для портфолио.

Комплект содержит:

- 540 видеоуроков

- 110 часов видео

- 1205 заданий для закрепления материала из уроков

- 5 финальных тестов

- 7 сертификатов

- 12 Бонусных курсов

Подробнее
Подписка

Подпишитесь на мой канал на YouTube, где я регулярно публикую новые видео.

YouTube Подписаться

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Какая тема Вас интересует больше?

Как сделать сайдбар на WordPress

Как сделать сайдбар на WordPress

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

Как сделать сайдбар на WordPress

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

Как сделать сайдбар на WordPress

Давайте выберем в редакторе темы файл function.php. Для подключения сайдбара к ядру WordPress используется хук widgets_init.

add_action( 'widgets_init', 'theme_slug_widgets_init' );

Как сделать сайдбар на WordPress


Регистрация сайдбара

Сайдбар подключает функция register_sidebar(). Мы можем зарегистрировать свой собственный сайдбар, который будет показываться на другой тематической странице. Для этого скопируйте код регистрации в function.php дефолтного сайдбара, прямо из редактора кода в админке и вставьте внизу файла.

register_sidebar( array(
  'name' => esc_html__( 'Мой Sidebar', 'my_theme' ),
  'id' => 'sidebar-my',
  'description' => esc_html__( 'Добавьте свои виджеты.', 'my_theme' ),
  'before_widget' => '<section id="%1$s" class="widget %2$s">',
  'after_widget' => '</section>',
  'before_title' => '<h2 class="widget-title">',
  'after_title' => '</h2>',
  ) );

Функция register_sidebar() принимает несколько настроек, в кодексе WordPress перечислены все настройки, практически все они уже используются в шаблоне. Точно такой же код, вы можете скопировать прямо из примера в кодексе, он ничем не отличается от стартовой темы.

Как сделать сайдбар на WordPress

Надо изменить некоторые параметры у нового сайдбара:

Дать ему новое название "Мой Sidebar"

'name' => esc_html__( 'Мой Sidebar', 'my_theme' ),

Параметр id должен быть уникальным, назовем его - sidebar-my

'id' => 'sidebar-my'

Описание сайдбара придумаем то же своё - "Добавьте свои виджеты"

'description' => esc_html__( 'Добавьте свои виджеты.', 'my_theme' ),

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

На скриншоте вы видите созданный новый сайдбар с нашим уникальным заголовком, id и описанием. Теперь в новый сайдбар вы можете перетащить нужные вам виджеты.

Как сделать сайдбар на WordPress


Вывод сайдбара на WordPress

После регистрации, нам надо вывести новый сайдбар на странице contact.php, созданной на основе пользовательского шаблона на этом уроке. У страницы с контактами пока нет сайдбара.

Сделаем копию файла sidebar.php и переименуем в - sidebar-contact.php. В коде нашего сайдбара произведем замену, в передаваемых параметрах заменим id дефолтного сайдбара - 'sidebar-1', на id нового сайдбара - 'sidebar-my'.

Теперь подключим на странице контактов наш новый сайдбар. В параметрах, пропишем какой сайдбар надо подключить, указываем свой 'my', если содержимое скобок оставить пустым, то на странице выведется дефолтный сайдбар.

<?php get_sidebar('my');?>

Но, мы сделали все правильно и на контактной странице вывелся новый сайдбар. Таким образом можно создавать для каждой страницы свой персональный сайдбар без каких-либо ограничений.

Изучать, как устроен WordPress и пользоваться этой CMS на уровне профи невозможно без базовых знаний PHP, рекомендую к просмотру толковый видео-курс по PHP 7.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

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

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (0):

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