Используем визуальный редактор для создания виджетов в WordPress

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

В WordPress есть встроенные текстовые виджеты, которые могут использоваться для добавления текста или HTML. У этого виджета есть только текстовое поле, и если вы хотите добавить изображения, ссылки или списки, то вам придется написать HTML код. Проблема состоит в том, что большинство новичков не умеют этого делать. Задача состоит в том. чтобы найти решение, позволяющее пользователям создавать виджеты в визуальном редакторе WYSIWYG (what you see is what you get), что переводится как «что видишь, то и получишь».

Прежде всего вам необходимо установить и активировать плагин WYSIWYG Widgets. После активации плагин добавит новое меню под названием Widget Blocks в сайдбар вашей административной панели WordPress. Переходим в Widget Blocks » Add New для создания нового блока виджетов.

visual-editor-widget[1]

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

Теперь переходим во Внешний вид » Виджеты и перетягиваем WYSIWYG Widget в ваш сайдбар. Под Widget Block кликните на выпадающее меню и выберите Widget Block, созданный вами ранее. Сохраните изменения и просмотрите изменения на вашем сайте.

wysiwyg-widget[1]

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

VN:F [1.9.22_1171]
Rating: 0.0/5 (0 votes cast)

Об авторе ADv

Занимаюсь разработкой сайтов и магазинов на WordPress. Оказываю платные помощь и консультации. Skype: advokat_b
Scroll To Top