Добавление виджетов в WordPress

Как добавить виджет в WordPress - инструкции добавление виджетов.

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

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

Благодаря виджетам можно гибко настроить блоки боковых панелей на сайте (блоге) WordPress. Виджет необходим для расширения функционала сайта добавляя — блоки содержимого, меню, календарь, галереи и прочие интересные инструменты в боковые панели сайта.

Где найти виджеты? Найти их просто, в меню админ-панели наведите на Внешний вид и нажмите на Виджеты. См. изображение ниже:

Добавить виджет через админ-панель WordPress.

Добавление и настройка виджетов в WordPress

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

Например, у меня вот такой список: см. изображение

Пример доступных виджетов. Основные виджеты в WordPress.

У вас может быть другой список доступных виджетов.

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

Чтобы деактивировать или удалить виджет, его нужно перетащить обратно в левую панель или нажать удалить в самом виджете.

Добавление виджетов, пример добавления в WordPress сайдбар.

После того, как вы перетащили виджет на панель сайдбара, его можно настроить. Например ввести название, настроить поля (зависит от используемого инструмента). После настройки нажмите на «Сохранить». После сохранения он появиться в указанном месте на сайте.

Таким образом добавляются все необходимые вам виджеты.

Виджеты в WordPress моей установки

Как я уже говорил ранее, у каждого из вас будет собственный набор виджетов. У меня он такой:
— Произвольный HTML-код.
— Адаптивное видео по ссылке с YouTube или Vimeo.
— Выводит во вкладках список записей, комментариев и меток.
— Показывает записи из рубрики.
— Widget to display Reviews.
— Записи из любой ленты RSS или Atom.
— Widget to display location.
— Архив записей вашего сайта по месяцам.
— Показывает аудио проигрыватель.
— Виджет содержащий блок.
— Показывает видео из медиабиблиотеки или с YouTube, Vimeo или иного провайдера.
— Отображает количество комментариев, которые Akismet пометил как спам.
— Показывает галерею изображений.
— Показывает изображение.
— Календарь записей сайта.
— Добавить меню навигации на боковую панель.
— Виджет Shortcodes Ultimate

Ниже представлены изображения на которых наглядно виды мои виджеты.

Как добавить виджет - пример списка стандартных виджетов.

Пример - Добавление и настройка виджетов в WordPress.

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

Сохранение виджетов при смене шаблона темы WordPress

В некоторых случаях при смене шаблона темы виджеты могут быть утеряны. Чтобы избежать подобной проблемы, до смены шаблона (темы) WordPress переместите ваши активные виджеты в блок «Неактивные виджеты». Ниже представлено изображение, где наглядно виден этот блок.

Сохранение виджетов при смене шаблона темы WordPress. Неактивные виджеты.

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

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

Спасибо, что читаешь Nicola Top

 

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

  1. Евгений:

    Отличное руководство, что за виджеты у темя на скринах? У меня подобных нет. А так полезно, годно.

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

Ваш адрес email не будет опубликован.