Как отобразить виджеты WordPress в колонках

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

Пытаетесь ли вы отобразить виджеты WordPress в колонках??

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

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

Способ 1. Отображение виджетов WordPress в боковой панели футера

Многие темы WordPress поставляются с выделенной областью для виджетов в нижнем колонтитуле вашего сайта.

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

Область виджетов нижнего колонтитула

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

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

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

Добавление виджетов в колонку виджетов нижнего колонтитула

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

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

Колонки виджета нижнего колонтитула

Способ 2. Отображение виджетов WordPress в колонках внутри постов и страниц

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

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

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

Добавьте блок колонок

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

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

Цвета колонок

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

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

Предварительный просмотр колонки виджетов

Способ 3. Добавление виджетов в столбцы с помощью SeedProd

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

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

SeedProd

Сначала вам нужно установить и активировать плагин SeedProd. Для более подробной информации смотрите наше пошаговое руководство по установке плагина WordPress.

Примечание: Вам понадобится тарифный план PRO, чтобы разблокировать функцию создания темы.

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

Проверка лицензии SeedProd

Далее, перейдите к теме SeedProd » Конструктор тем и нажмите на кнопку «Темы» в верхней части страницы.

Конструктор темы

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

Стартовые темы SeedProd

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

Шаблоны в конструкторе тем SeedProd

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

Откроется интерфейс конструктора SeedProd. Это инструмент для создания дизайна методом перетаскивания с возможностью предварительного просмотра вашего сайта в реальном времени.

Добавить блок колонки

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

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

Редактирование колонок SeedProd

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

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

Как только вы закончите, вы можете вернуться к SeedProd » Конструктор тем страницу и включите тумблер рядом с опцией ‘Включить тему SeedProd’.

Включите тему SeedProd

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

Предварительный просмотр виджета колонок SeedProd

Метод 4. Создание колонок виджетов в WordPress с помощью полного редактирования сайта

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

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

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

Выберите шаблон для редактирования

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

Это откроет шаблон внутри редактора. Редактор построен так же, как и редактор блоков, который вы используете для написания постов и страниц.

Просто добавьте блок колонок в область, где вы хотите отобразить виджеты, и выберите количество колонок.

Добавление блока колонок

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

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

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

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

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

Источник: www.wpbeginner.com

Оцените статью
Добавить комментарий