Как добавить сайдбар в WordPress

Как добавить сайдбар в Wordpress

Добавляем в wordpress сайдбар, который сами и создадим.

Как добавить сайдбарСегодня я покажу вам, как легко добавить сайдбар в wordpress, используя стандартные функции движка. Очень часто случается так, что в понравившейся нам теме wordpress сайдбар, например, в футере отсутствует.

И для того чтоб добавить что-то в футер, нам приходится копаться в коде шаблона и ломать голову как туда вставить информацию о нас или дополнительные меню сайта.

Однако произведя не сложные операции с кодом шаблона, вы легко можете добавить сайдбар в wordpress, и без особых усилий вставлять в него необходимые виджеты в панели управления вашим сайтом, перетащив его на панель сайдбара.

добавить сайдбар

Как добавить сайдбар?

Функцию в wordpress, можно посмотреть в вашей текущей теме. Код вывода будет выглядеть примерно так:

Теперь чтоб добавить дополнительный сайдбар в вашу тему откройте файл вашей текущей темы, который называется functions.php и добавьте в него следующий код:

После этого, зайдя в админку сайта, вы увидите свой новый сайдбар:

wordpress сайдбар

Для того чтоб вывести в worpress сайдбар, который вы добавили, откройте в редакторе например файл sidebar.php и вставьте в него в нужное место, ниже приведенный код:

Для того чтоб добавить сайдбар в футер вам необходимо добавить для него следующие стили, чтоб расположить виджет по горизонтали:

Параметр width(ширина) вы можете изменить по своему усмотрению. А после этого в коде, который вы вставили в файл functions.php, добавьте следующие теги до и после виджетов:

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

На этом все, если есть вопросы задавайте их в комментариях.

Удачи Вам и процветания!

Автор - Александр

Меня зовут Александр.
Я Вебмастер и SEO — специалист по созданию и продвижению сайтов на WordPress.
В профессиональном интернет-маркетинге c 2007 года. Основные направления: создание и продвижение web-проектов в российском сегменте интернет. Специализация: создание сайтов и их комплексное продвижение, внутренняя оптимизация, внешняя оптимизация, трафиковое продвижение, контентное продвижение...

Связаться со мной >>
Посмотреть все публикации

Ваше имя (обязательно)

Ваш e-mail (обязательно)

Сообщение (обязательно)

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

  • Спасибо за статью!.. Полезная информация!.. )

  • Здравствуйте! Подскажите, пожалуйста, какой код и после какой строки в functions.php нужно добавить,чтобы появилась возможность ставить в моей теме https://ru.wordpress.org/themes/landline/ баннер (справа сверху на поле около блока с текстом) и соцсети внизу…? Боковой панели в админке нет и сайдбара в Редакторе тоже…

    • Эта тема не обновлялась больше двух лет. Скорее всего, она уже не поддерживается авторами и может быть несовместима с текущими версиями WordPress. Рекомендую поставить новую современную тему.

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

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