Виджеты WordPress: полное руководство

Привет, друзья!!!

Популярность WordPress объясняется множеством причин, в том числе его гибкостью.

Например, виджеты WordPress позволяют легко и эффективно настраивать сайт.

Понимание принципов работы этих модулей поможет оптимизировать и улучшить ваш сайт — особенно боковые панели и футер — без необходимости редактирования кода.

В этой статье мы познакомим вас с виджетами WordPress и объясним их назначение.

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

Давайте начнём!

Введение в виджеты WordPress

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

К ним относятся текст, ссылки, изображения и многое другое.

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

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

Виджеты — это небольшие блоки контента, и обычно они не являются основным элементом страницы.

Однако это не означает, что они не играют важной роли.

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

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

WordPress поставляется с множеством настроек по умолчанию:

Эти виджеты можно использовать для самых разных целей: от отображения поисковых строк до показа списка последних комментариев или сообщений.

Помимо этих стандартных опций, существуют также способы создания собственных виджетов.

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

Например, MetaSlider позволяет добавлять слайдеры изображений в области виджетов:

Ещё один пример — знаменитый плагин для обмена контентом в социальных сетях Monarch, который позволяет демонстрировать ваши аккаунты в социальных сетях:

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

Где можно отображать виджеты WordPress

На сайте WordPress обычно есть несколько областей для виджетов.

Как правило, виджеты размещаются либо в боковой панели, либо в подвале сайта.

Однако это не единственные два варианта.

Количество доступных областей для виджетов будет в значительной степени зависеть от выбранной темы оформления.

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

Ниже приведён пример виджетов в боковой панели (1) и футере (2):

Вы можете отображать виджеты только на определённых страницах или на всех страницах вашего сайта.

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

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

Как отображать виджеты WordPress

Когда дело доходит до демонстрации виджетов на вашем сайте WordPress, у вас есть несколько вариантов.

Во-первых, полезно знать, какие разделы вашего сайта подходят для размещения виджетов.

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

Чтобы узнать, где можно отображать виджеты WordPress в вашей текущей теме, перейдите в раздел «Внешний вид — Виджеты» в панели управления:

В последней теме WordPress по умолчанию, Twenty Twenty-One, в футере находится только одна область для виджетов:

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

У вас также будет возможность создавать собственные новые области для виджетов, которые можно использовать в модуле боковой панели:

Чтобы отобразить виджет в одном из этих разделов, достаточно просто перетащить выбранный модуль в соответствующий раздел.

Например, если вы хотите добавить виджет в боковую панель, поместите его в раздел «Боковая панель».

Как видно в приведённом выше примере, сейчас отображаются «Последние записи» и «Последние комментарии».

В качестве альтернативы вы можете просто щёлкнуть по виджету, выбрать область, куда хотите его добавить, а затем нажать «Добавить виджет»:

Экран «Внешний вид — Виджеты» — один из двух способов отображения виджетов.

Другой вариант — использовать настройщик тем WordPress.

Добавление виджетов из настроек темы

Для начала перейдите в раздел «Внешний вид — Настроить» на панели управления:

На этой странице обычно находится раздел «Виджеты»:

Далее выберите из доступных вариантов область, куда хотите добавить виджет. Затем нажмите «Добавить виджет»:

Далее из списка параметров виджета выберите модуль, который хотите добавить:

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

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

Когда закончите, нажмите «Опубликовать», чтобы сохранить изменения.

Теперь при посещении сайта вы должны увидеть отображаемый виджет:

Вот и всё! Вы можете повторить этот процесс, чтобы добавить столько модулей, сколько пожелаете, в любую область вашего сайта, совместимую с виджетами.

Как отключить виджеты WordPress

При экспериментировании с виджетами WordPress вам может понадобиться узнать, как их удалить или отключить.

К счастью, этот процесс быстрый и простой, и у вас есть несколько вариантов.

Удаление виджетов вручную

Первый способ — удалить виджеты вручную.

Перейдите в раздел «Внешний вид — Виджеты», затем найдите область виджетов, содержащую модуль, который вы хотите удалить.

Щёлкните стрелку, чтобы развернуть его, затем нажмите «Удалить».

Процесс аналогичен, если вы хотите использовать «Настройщик».

Перейдите в раздел «Внешний вид — Настроить — Виджеты».

Откройте панель виджетов, найдите модуль, который хотите удалить, и нажмите «Удалить».

Чтобы сохранить изменения, обязательно нажмите кнопку «Опубликовать» в верхней части настроек.

Пометка виджетов как неактивных

Возможно, вы хотите убрать виджет, не удаляя его окончательно.

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

В этом случае вы можете временно пометить его как неактивный.

Для этого перейдите в раздел «Внешний вид — Виджеты».

Затем перетащите любой нужный модуль в раздел «Неактивные виджеты»:

Если вы захотите добавить эти виджеты на свой сайт в будущем, это можно сделать очень просто: перетащите их в раздел активных виджетов или в выбранную вами область виджетов.

Также вы можете нажать кнопку «Очистить неактивные виджеты».

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

Использование плагина для отключения виджетов

Третий вариант отключения виджетов WordPress — использование плагина.

Существует несколько качественных вариантов, в зависимости от того, чего вы хотите добиться.

Давайте рассмотрим несколько лучших инструментов.

Плагин Widget Disable

Если вы хотите использовать плагин для отключения одного или нескольких виджетов, то Widget Disable — отличный выбор.

Этот бесплатный инструмент невероятно прост в использовании.

После установки и активации просто перейдите в раздел «Внешний вид — Disable Widgets»:

На этом экране выберите виджеты, которые хотите отключить:

Когда закончите, нажмите «Сохранить изменения».

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

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

Плагин Widget Options

Ещё один бесплатный плагин для управления и настройки виджетов WordPress — «Widget Options».

Этот инструмент позволяет полностью отключать виджеты или отключать их только для отдельных страниц.

После установки и активации плагина на вашем сайте вы можете начать его использовать, перейдя в «Настройки — Widget Options»:

На следующем экране убедитесь, что параметры «Видимость страницы» и «Ограничение доступа для устройств» включены:

Далее вы можете перейти на экран виджетов, чтобы ознакомиться с различными вариантами настройки:

Как видите, вы можете просто выбрать страницы, на которых хотите скрыть или отобразить определённый виджет.

Когда закончите, нажмите «Сохранить».

Отключение виджетов с помощью PHP

Последний способ отключения виджетов — это ручное редактирование кода вашего сайта.

Конечно, этот способ подходит не всем. Если вам неудобно работать с PHP, мы рекомендуем использовать плагин.

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

Чтобы отменить регистрацию виджетов WordPress, начните с перехода к файлу «functions.php» (мы рекомендуем использовать дочернюю тему).

В этот файл добавьте фрагмент кода для отмены регистрации виджета.

Например, если вы хотите удалить виджет «Календарь», используйте следующий код:

function unregister_default_wp_widgets() { unregister_widget(‘WP_Widget_Calendar’); } add_action(‘widgets_init’, ‘unregister_default_wp_widgets’);

Когда закончите, сохраните файл.

Теперь этот модуль не будет отображаться в списке опций на экране виджетов WordPress.

Если вы захотите активировать его снова в будущем, просто удалите этот код.

Как импортировать и экспортировать виджеты WordPress

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

В этом случае полезно знать, как импортировать и экспортировать виджеты WordPress.

Как и следовало ожидать, самый простой способ сделать это — использовать плагин.

Мы рекомендуем «Widget Importer & Exporter»:

Для начала перейдите в меню «Инструменты — Widget Importer & Exporter»:

На этом экране у вас будет два варианта: (1) Импорт виджетов и (2) Экспорт виджетов:

Если вы выберете опцию «Экспорт виджетов», плагин создаст файл .wie для виджетов, которые в данный момент активны в боковой панели и подвале (а также в любых других местах, где у вас есть виджеты).

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

Вы можете скачать и просмотреть файл в любом редакторе кода.

После этого вы можете импортировать виджеты на другой сайт.

Установите и активируйте «Widget Importer & Exporter» на новом сайте, затем снова перейдите в меню «Инструменты — Widget Importer & Exporter».

Нажмите «Выбрать файл», выберите только что загруженный файл .wie, а затем нажмите «Импорт виджетов»:

После завершения процесса импорта WordPress перенаправит вас на страницу с результатами, подтверждая успешность импорта.

Если обнаружатся дубликаты виджетов, система сообщит об этом, пометив их меткой «Виджет уже существует» (Widget already exists).

После завершения импорта вы можете просмотреть свои виджеты, перейдя в раздел «Внешний вид — Виджеты».

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

Однако обратите внимание, что заголовки областей виджетов на вашем новом сайте должны совпадать с заголовками областей виджетов, сохранённых в файле .wie.

В противном случае плагин не будет знать, куда разместить модули.

Например, если в вашей старой теме был раздел под названием «Футер №1», плагин не сможет разместить модули в теме, которая называет ту же область «Подвал А».

В этом случае вы увидите сообщение «Область виджетов не существует в теме (используется неактивная область)».

Вы можете найти эти виджеты в разделе «Неактивные виджеты», а затем вручную разместить их в соответствующих областях виджетов.

Заключение

WordPress — это мощная и гибкая платформа, позволяющая быстро и легко создать красивый сайт.

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

Как мы обсуждали в этой статье, существует множество мест, где вы можете отображать эти небольшие контентные модули на своём сайте, включая боковую панель и футер.

WordPress предлагает множество виджетов по умолчанию на выбор.

Если вы используете тему, например, Divi, вы даже можете создавать свои собственные.

Если вы хотите отключить или удалить определённые виджеты, вы можете сделать это вручную или с помощью плагина, такого как «Widget Options».

Есть ещё вопросы по использованию виджетов WordPress? Задайте их в комментариях ниже!