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

Приветствую вас, любители WordPress!

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

WordPress так популярен по многим причинам, в том числе из-за его гибкости.

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

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

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

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

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

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

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

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

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

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

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

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

Однако это не значит, что они не играют существенных ролей.

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

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

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

Виджеты WordPress по умолчанию.

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

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

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

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

Виджет со слайдером изображений.

Другой пример — плагин социального обмена «Monarch», который позволяет вам демонстрировать свои учетные записи в социальных сетях:

Виджет с иконками социальных сетей.

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

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

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

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

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

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

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

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

Виджеты WordPress размещены в области боковой панели и футера.

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

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

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

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

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

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

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

Внешний вид WordPress-Виджет

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

Экран виджетов темы WordPress Twenty Twenty-One.

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

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

Область виджетов темы Divi.

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

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

Как вы можете видеть в приведенном выше примере, в настоящее время у меня отображаются «Недавние сообщения» и «Недавние комментарии».

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

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

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

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

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

Чтобы начать работу, перейдите во вкладку «Внешний вид — Настроить» на панели управления:

Пункт меню WordPress-Настроить

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

Раздел «Виджеты» настройщика тем Divi.

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

Потом нажмите «Добавить виджет»:

Кнопка «Добавить виджет» в настройщике тем WordPress.

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

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

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

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

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

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

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

Вот и все!

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

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

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

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

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

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

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

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

Возможность удалить виджет WordPress.

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

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

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

Возможность удалить виджет в настройщике тем WordPress.

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

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

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

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

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

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

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

Раздел неактивных виджетов WordPress.

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

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

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

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

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

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

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

Widget Disable

Плагин WP Widget Disable.

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

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

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

Пункт меню для плагина WP Widgets Disable.

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

Экран плагина WP Disable Widgets.

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

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

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

Widget Options

Плагин Widget Options для WordPress.

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

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

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

Пункт меню «Параметры виджета» в WordPress.

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

Экран настроек плагина Widget Options.

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

Возможность скрыть виджеты со страниц WordPress с помощью плагина Widgets 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 для WordPress.

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

Пункт меню Инструменты-Импортер и экспортер виджетов в WordPress.

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

Экран настроек Widget Importer & Exporter.

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

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

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

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

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

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

Возможность импорта файла виджетов в WordPress.

WordPress перенесет вас на страницу результатов после завершения процесса импорта, чтобы вы знали, что он прошел успешно.

Если есть какие-либо повторяющиеся виджеты, он сообщит вам об этом, пометив их меткой «Виджет уже существует»:

Уведомление Виджет уже существует от плагина Widget Importer & Exporter.

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

У вас есть еще вопросы об использовании виджетов WordPress?

Дайте нам знать в комментариях ниже!

А я на этом буду заканчивать эту статью, спасибо что дочитали.

Жду вас снова на моем блоге любителей WordPress.

До скорых встреч и не болейте!

Статья была обновлена: 21 сентября 2021 года
Оцените статью:
Не понравилосьПонравилось (Пока оценок нет)
Загрузка...
vikz
Занимаюсь созданием сайтов на WordPress более 7 лет. Работал в нескольких веб-студиях, да и сейчас работаю. Иногда подрабатываю на фрилансе, как на нашем так и на зарубежном. Везде зарекомендовал себя очень хорошо. Если нужен сайт на WordPress, шаблон для сайта или лендинг - не стесняйтесь - пишите. Рад буду помочь!
Оставьте свой комментарий
Мы рады, что вы решили оставить комментарий. Пожалуйста, имейте в виду, что все комментарии модерируются в соответствии с нашей политикой конфиденциальности, и все ссылки являются "nofollow". Не используйте ключевые слова в поле "Имя". Давайте проведем личный и содержательный разговор, без спама и оскорблений.

Пока нет комментариев. Будь первым!