Как создать собственные боковые панели в теме GeneratePress без плагина? –

GeneratePress — это простая, но мощная тема WordPress, позволяющая настраивать каждый раздел макета. Раньше вам требовался отдельный плагин для добавления пользовательских боковых панелей на сайты WordPress. Однако вы можете сделать это с помощью опции «Элементы» в теме GeneratePress без дополнительного плагина. Помните, что Elements является частью плагина GP Premium и не доступен в бесплатной теме. Следовательно, чтобы следовать этой статье, вам понадобится премиум-плагин.

Концепция пользовательских боковых панелей

На данный момент боковая панель в WordPress — это устаревшая концепция, согласно которой большинство тем предлагают целенаправленные макеты страниц во всю ширину без боковой панели. Однако, по нашему мнению, боковая панель является важной частью любого сайта для демонстрации дополнительных виджетов. Тема GeneratePress по-прежнему использует область виджетов (Внешний вид > Виджеты) и позволяет создавать правую или левую боковую панель для вашего сайта. Но использование одной и той же боковой панели на всем сайте может оказаться нецелесообразным, и вам может потребоваться динамически отображать боковую панель в зависимости от условий.

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

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

1. Активация элементов в GeneratePress

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

• Войдите в панель администратора WordPress и перейдите в раздел «Внешний вид > GeneratePress».
• На вкладке «Панель управления» прокрутите вниз и нажмите кнопку «Активировать» напротив модуля «Элементы».
• Вы увидите сообщение «Модуль активирован», а новый пункт меню под названием «Элементы» будет добавлен в заголовок «Внешний вид».

Активируйте модуль «Элементы» в теме GeneratePress

2. Включите правую боковую панель всего сайта.

Далее давайте включим опцию правой боковой панели для всего сайта.

• Перейдите в раздел «Внешний вид > Настройка» и выберите «Макет > Боковые панели».
• Выберите опцию «Содержимое/Боковая панель» для всех доступных опций, чтобы сделать правую боковую панель боковой панелью по умолчанию для всего сайта. Нажмите кнопку «Опубликовать», чтобы сохранить изменения.

Назначить правую боковую панель в GeneratePress

3. Добавьте виджеты на правую боковую панель сайта.

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

• Перейдите в раздел «Внешний вид > Виджеты» и добавьте блок «Изображение» в область виджетов правой боковой панели.

Добавьте виджет изображения на правую боковую панель

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

4. Создание пользовательских блоков боковой панели с элементами

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

• Перейдите в раздел «Внешний вид > Элементы» и нажмите кнопку «Добавить новый элемент».

Добавьте новый элемент в тему GeneratePress

• В раскрывающемся списке «Выбрать тип элемента» выберите «Блок» и нажмите кнопку «Создать».

Выберите блок в качестве типа элемента

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

Создайте пользовательский элемент блока боковой панели в GeneratePress

• После этого перейдите на вкладку «Элемент» справа и выберите «Правая боковая панель» в раскрывающемся списке «Тип элемента».

Выберите тип элемента в качестве правой боковой панели в GeneratePress

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

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

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

• В разделе «Правила отображения» нажмите раскрывающийся список «Выбрать» и выберите «Опубликовать».

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

• Появится новый раскрывающийся список с опцией «Все сообщения», выбранной по умолчанию. Нажмите на нее и выберите конкретную публикацию на своем сайте.

Выберите конкретную публикацию для расположения боковой панели

• Нажмите кнопку «Опубликовать» и сохраните изменения. Теперь вы можете найти недавно созданный элемент блока «Пользовательская правая боковая панель» с местоположением, указанным для конкретного сообщения, на странице «Внешний вид > Элементы».

Создана новая пользовательская правая боковая панель для публикации

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

6. Тестирование пользовательской боковой панели

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

Публикация с боковой панелью по умолчанию

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

Пользовательская боковая панель с виджетом последних сообщений

Использование правой и левой боковой панели в бесплатной теме GeneratePress

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

• Сначала настройте правую боковую панель по умолчанию в разделе «Внешний вид > Настройка > Макет > Боковые панели» как «Содержимое/Боковая панель» для «Макет боковой панели».
• Выберите «Боковая панель/Содержимое» или другой вариант боковой панели для параметров «Макет боковой панели блога» и «Макет одной публикации». Таким образом, вы можете смешивать и сопоставлять макеты боковой панели для всего сайта, страниц блога и всех сообщений.

Установите пользовательскую боковую панель по умолчанию для бесплатных макетов тем

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

Включить мета-окно макета GeneratePress в публикации

• Закройте всплывающее окно «Настройки», и на вкладке «Опубликовать» вы найдете мета-окно «Макет». «Макет боковой панели» отобразит «По умолчанию», указывая, что для этого сообщения будет использоваться боковая панель по умолчанию. Нажмите на нее и выберите левую или правую боковую панель, чтобы изменить боковую панель по умолчанию на предпочитаемую вами настройку.

Измените макет боковой панели для одного сообщения в GeneratePress