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

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

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

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

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

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

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

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

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

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

Активируйте модуль Elements в теме GeneratePressАктивируйте модуль Elements в теме GeneratePress

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Сообщение с боковой панелью по умолчаниюСообщение с боковой панелью по умолчанию

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

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

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

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

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

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

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

Включить мета-окно макета GeneratePress в сообщенииВключить мета-окно макета GeneratePress в сообщении

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

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

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Похожие записи

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *