Контролируйте видимость виджета WordPress с помощью условных виджетов

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

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

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

Что такое условные виджеты?

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

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

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

Как сделать условный виджет (без Jetpack)

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

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

Шаг 1. Выберите плагин условного виджета

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

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

Шаг 2. Откройте панель виджетов

Затем вы можете перейти к «Внешний вид»> «Виджеты» и открыть панель настроек любого виджета, чтобы получить доступ к новому логическому полю виджета .

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

!is_page('about')

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

is_single() && in_category('baked-goods')

Кроме того, вы найдете дополнительные параметры в нижней части страницы «Внешний вид» > «Виджеты» .

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

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

Изменение видимости виджета с помощью Jetpack

Как мы упоминали ранее, еще одним решением для настройки параметров отображения виджета является использование Jetpack. Этот многоцелевой плагин имеет множество функций, которые могут помочь вам настроить производительность вашего веб-сайта WordPress, а также позволяет вам управлять условными виджетами.

Шаг 1: Откройте настройки Jetpack

После того, как вы выполнили необходимые шаги по установке и настройке Jetpack, вам нужно будет посетить страницу Jetpack > Настройки на панели управления WordPress. Затем нажмите на вкладку «Написание» .

Функция видимости виджета не включена по умолчанию. Вам нужно будет прокрутить вниз до области настроек виджета и включить эту опцию.

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

Шаг 2. Добавьте новые правила

Теперь, когда ваша функция видимости включена, вы можете перейти к «Внешний вид»> «Виджет» на панели управления WordPress. Если вы нажмете на активный виджет, вы увидите новую кнопку «Видимость» .

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

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

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

Используя Jetpack для настройки ваших виджетов, вам не нужно будет настраивать код вашей темы. Тем не менее, мы по-прежнему рекомендуем протестировать новые настройки на промежуточном сервере, прежде чем развертывать их на рабочем веб-сайте.

Настройте свой сайт с помощью движка WP

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

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