Хотите использовать визуальный редактор WordPress для легкого создания виджетов для вашего сайта??
Визуальный редактор позволяет легко форматировать текст, добавлять ссылки, изображения и списки без написания HTML-кода. Это позволяет вам добавлять насыщенный текст в виджеты боковой панели WordPress.
В этой статье мы покажем вам, как использовать визуальный редактор для создания виджетов в WordPress. Мы также покажем вам, как создавать и сохранять блоки виджетов, а затем повторно использовать их с любой темой и областью виджетов.
Зачем использовать визуальный редактор для создания виджетов в WordPress?
Виджеты — это простой способ добавить на ваш сайт элементы, не связанные с контентом. Например, раздел «О сайте», последние сообщения, форма подписки на рассылку новостей по электронной почте, рекламные баннеры и многое другое.
Конструктор сайтов WordPress поставляется с множеством виджетов по умолчанию, которые позволяют вам легко добавлять такие вещи. Ваша тема WordPress позаботится о стилизации и внешнем виде виджета на вашем сайте.
Однако иногда вы можете захотеть добавить контент, который не доступен в качестве виджета по умолчанию. Например, вы можете загрузить фотографию автора с насыщенным текстом, используя форматирование и ссылки.
В этом случае вы можете использовать виджет «Текст», который поставляется со встроенным визуальным редактором. Этот редактор немного отличается от редактора блоков по умолчанию.
Учитывая это, давайте рассмотрим, как использовать этот визуальный редактор для создания виджетов с насыщенным текстом и медиа в WordPress.
Использование визуального редактора в текстовом виджете WordPress по умолчанию
Сначала перейдите на Внешний вид » Виджеты а затем перетащите виджет «Текст» в боковую панель.
Используя стандартный текстовый виджет, вы можете добавлять насыщенный текст, изображения и ссылки, как и в других WYSIWYG-редакторах.
В верхней части виджета есть кнопка для добавления медиа и панель инструментов с кнопками форматирования. Это дает вам прекрасную область для добавления любого типа богатого контента, который вы хотите отобразить в боковой панели WordPress.
Как только вы закончите редактирование, не забудьте нажать на кнопку ‘Сохранить’, чтобы сохранить настройки вашего виджета.
Теперь вы можете посетить свой сайт, чтобы увидеть виджет «богатый текст» в действии.
Текстовый виджет отлично подходит для добавления богатого контента. Однако есть и другие способы сделать то же самое с еще большими возможностями форматирования и стилизации.
Создание виджетов с помощью плагина Widget Content Blocks
Стандартный текстовый виджет WordPress имеет меньше возможностей форматирования. Если вам нужно больше возможностей форматирования и гибкости, то вы можете попробовать этот метод.
Он позволяет создавать блоки богатого контента, а затем использовать их в качестве виджетов на вашем сайте.
Сначала вам нужно установить и активировать плагин Widget Content Blocks. Вот наше полное руководство по установке плагина WordPress.
После установки плагин добавляет новый пункт меню под названием Widget Blocks в боковую панель администратора WordPress. Перейдите к Блоки виджетов » Новый блок виджетов чтобы создать новый блок виджетов.
Блоки виджетов — это фактически пользовательский тип поста WordPress. Итак, когда вы добавляете новый блок виджетов, вы используете старый визуальный редактор WordPress, который также называется классическим редактором.
Вы можете использовать все преимущества визуального редактора и добавлять в контент ссылки, изображения, списки или все, что пожелаете. Как только вы закончите, перейдите к публикации вашего блока виджетов.
Теперь вы можете добавить этот блок контента в боковую панель.
Просто перейдите на страницу Внешний вид » Виджеты и добавьте виджет ‘Widget Blocks Widget’ в боковую панель.
Под блоком виджетов нажмите на выпадающий список, чтобы показать и выбрать блок, который вы создали ранее. Сохраните изменения и просмотрите свой сайт.
Вот как этот новый блок виджетов будет выглядеть на вашем сайте в главной боковой панели:
Другой способ использования этого виджета — создание нескольких блоков для использования в других областях вашего сайта с виджетами.
Все лучшие темы WordPress поставляются с несколькими областями виджетов в верхнем и нижнем колонтитулах, боковой панели и т.д. Вы можете использовать различные блоки и создавать красивые макеты.
Чтобы увидеть все ваши блоки виджетов, перейдите на страницу Блоки виджетов » Все блоки виджетов страница.
После того, как вы сделали блоки, вы можете перетащить каждый из них в любую другую область вашей темы, где есть виджеты. Здесь мы перетащили их в области нижнего колонтитула, чтобы создать пользовательский нижний колонтитул.
В дополнение к добавлению виджета изображения, который мы создали ранее, мы также добавили список ссылок и контактную форму.
Вот как это выглядит на нашем демо-сайте:
Дальнейшее развитие дизайна WordPress (Pro совет)
Если вы хотите создать полностью индивидуальные целевые страницы, то лучший способ сделать это — использовать плагин SeedProd.
Это конструктор страниц для WordPress, который используется более чем 1 миллионом веб-сайтов.
Вы можете использовать его для создания полностью пользовательских макетов страниц без написания кода.
Надеемся, что эта статья помогла вам узнать, как легко использовать визуальный редактор в виджетах WordPress. Вы также можете посмотреть наше руководство по лучшим плагинам блоков Gutenberg WordPress для добавления пользовательских элементов контента, а также наш список обязательных плагинов WordPress для всех сайтов.
Источник: www.wpbeginner.com