ОБЗОР ВОЗМЖНОСТЕИ ПЛАГИНА ВИЗУАЛЬНОГО РЕДАКТОРА ДЛЯ WORD PRESS

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

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

Визуальный редактор WordPress c обычным набором функций

Содержание
  1. Как расширить функции визуального редактора?
  2. Плагин Thrive Architect
  3. Плагин конструктора сайтов Elementor
  4. Плагин ведущих страниц
  5. Плагин Beaver Builder
  6. Плагин Divi Builder
  7. Плагин Essential Grid
  8. Плагин редактора контента MotoPress
  9. Конструктор страниц от плагина SiteOrigin
  10. Плагин TinyMCE Advanced
  11. Wp-edit обновленный вордпресс плагин
  12. Setka-editor современный расширенный редактор для текста wordpress
  13. Надёжный ckeditor
  14. Как установить Gutenberg?
  15. Обзор редактора Gutenberg
  16. Добавление нового блока
  17. Передвижение блока
  18. Режимы просмотра
  19. Вставка галереи изображений
  20. Добавление кнопок
  21. Добавление виджета
  22. Остальные возможности Gutenberg
  23. В качестве заключения
  24. Мифы о конструкторах страниц
  25. WPBakery Page Builder
  26. Beaver Builder
  27. Elementor
  28. MotoPress
  29. Live Composer
  30. VelocityPage Drag and Drop Builder
  31. Заключение
  32. Плагины для внешнего оформления страницы
  33. 1 WPBakery (ранее известный как Visual Composer – включен в тему Total WP)
  34. 2 Elementor (бесплатно)
  35. 3 Редактор контента MotoPress (бесплатно)
  36. 4 Live Composer (бесплатно)
  37. Плагины для редактирования контента переднего плана
  38. 1 Editus (ранее Lasso)
  39. 2 Интерфейсный редактор (бесплатно)
  40. 3 Контент-менеджер для WordPress
  41. 4 Пограничный пост (бесплатно)
  42. 5 Гутенберг (бесплатно)
  43. На что обратить внимание в визуальных плагинах для создания сайтов под WordPress?
  44. 10 лучших плагинов WordPress

Как расширить функции визуального редактора?

Расширить стандартные возможности редактора позволяет бесплатный плагин . После установки и активации дополнения необходимо перейти на страницу его настроек, расположенную в Настройки -> TinyMCE Advanced.

Страница настроек плагина TinyMCE Advanced

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

Кнопка Найти и заменить плагина TinyMCE Advanced

В результате панель редактора с перетянутой кнопкой будет иметь вид:

Панель редактора с добавленной кнопкой

Что делать, если вы не можете найти лучший плагин для визуального редактора WYSIWYG?

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

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

Плагин Thrive Architect

Один из самых популярных и лучших премиальных плагинов WordPress для визуального редактора WYSIWYG

8 лучших визуальных редакторов WordPress с поддержкой WYSIWYG 🥇2022 (бесплатно и Pro)

Thrive Architect — это практичный плагин WordPress, который включает в себя самый мощный визуальный редактор WYSIWYG. Как только вы начнете использовать этот плагин, вы не сможете видеть свой сайт так, как раньше.

Используя интерфейсный редактор WYSIWYG в плагине, вы можете создавать веб-сайты непосредственно из внешнего интерфейса, используя интерфейс «нажми и редактируй», чтобы их можно было адаптировать в соответствии с вашими потребностями.

Самое важное отличие этого плагина от других плагинов визуального конструктора страниц заключается в том, что он позволяет создавать до 25 веб-сайтов WordPress с высокой конверсией с помощью подписки All-in-One Toolbox. Этот плагин также совместим с последней версией редактора Gutenberg.

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

💵 Этот современный плагин стоит 99 долларов США, а также 12 месяцев бесплатной поддержки.

  • Доступен визуальный конструктор HTML – таблиц .
  • Доступен ряд настраиваемых блоков содержимого.
  • Можно просматривать сетки функций с изображениями или значками.
  • Доступны стилизованные списки маркеров
  • Доступны адаптивные вставки видео.

Плагин конструктора сайтов Elementor

Первая платформа для создания веб-сайтов

8 лучших визуальных редакторов WordPress с поддержкой WYSIWYG 🥇2022 (бесплатно и Pro)

Несмотря на свою интуитивность и замечательную мощность, плагин Elementor Website Builder не только визуально привлекателен, но также содержит более 80 элементов дизайна и полностью совместим с новым редактором Gutenberg.

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

Этот плагин позволяет создавать красивые веб-сайты для ваших клиентов и предприятий без необходимости написания единой строки кода.

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

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

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

💵 Версия Lite бесплатна, а версия Premium стоит 49 долларов.

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

Плагин ведущих страниц

Легко создавайте целевые страницы и веб-сайты

8 лучших визуальных редакторов WordPress с поддержкой WYSIWYG 🥇2022 (бесплатно и Pro)

Существует несколько различных конструкторов визуальных страниц, совместимых с WordPress, например Leadpages. Этот плагин также совместим с Joomla, Drupal, Wix и почти со всеми другими CMS на рынке.

Хотя цена этого плагина несколько выше, чем у аналогичных инструментов, многие авторитетные компании и маркетологи предпочитают его из-за простоты использования.

Как и Thrive Architect, с помощью этого плагина вы можете создавать высокоэффективные целевые страницы
и формы подписки по электронной почте, а также интегрироваться с CRM и платформами электронного маркетинга, включая Mailchimp, Aweber, SendInBlue, ConvertKit и многие другие.

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

💵 За 37 долларов в месяц вы получите 12 месяцев поддержки вместе с плагином.

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

Плагин Beaver Builder

8 лучших визуальных редакторов WordPress с поддержкой WYSIWYG 🥇2022 (бесплатно и Pro)

Как отличный конструктор страниц WordPress, Beaver Builder имеет очень хороший дизайн и в то же время плагин очень прост в использовании. Продукт имеет впечатляющий дизайн и в то же время очень удобен в использовании.

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

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

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

К сожалению, по сравнению с Elementor или Divi, он не предоставляет столько расширенных возможностей дизайна.

💵 Простой: Бесплатно, Премиум: 99 долларов.

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

Плагин Divi Builder

Один из лучших визуальных редакторов для WordPress

8 лучших визуальных редакторов WordPress с поддержкой WYSIWYG 🥇2022 (бесплатно и Pro)

Divi Builder на сегодняшний день является лучшим визуальным редактором для WordPress; не только потому, что он чрезвычайно прост в использовании и очень уникален, но и потому, что он обеспечивает невероятную ценность без каких-либо хлопот.

Этот инструмент предназначен не только для помощи в создании готовых макетов, но и предлагает множество вариантов настройки. Многие люди считают, что это отличная замена Thrive Architect, если они собираются использовать какую-либо из своих тем конструктора.

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

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

💵 Если вы купите плагин за 89 долларов, вы получите право на 12 месяцев поддержки.

  • Разработчики могут комбинировать элементы управления визуальным дизайном Divi
    со своими собственными стилями CSS .
  • Вы можете создать свою веб-страницу в режиме реального времени и сразу просмотреть результаты.
  • Возможно добавление, удаление и перемещение элементов
  • Вы можете хранить и управлять неограниченным количеством пользовательских дизайнов
  • Легко создать красивый адаптивный веб-сайт

Плагин Essential Grid

8 лучших визуальных редакторов WordPress с поддержкой WYSIWYG 🥇2022 (бесплатно и Pro)

С премиальным плагином Essential Grid вы найдете WYSIWYG-редактор, который предлагает широкий спектр форматов контента, аккуратно организованных в настраиваемую сетку.

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

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

💵 С $ 93 вы получите 12 месяцев поддержки с этим плагином.

  • Скины можно легко импортировать и экспортировать
  • Дополнительные параметры доступны для сообщений
  • Можно создавать и настраивать свои собственные скины
  • Есть десятки примеров скинов на выбор
  • Включает пользовательские скины вместе с установкой плагина

Плагин редактора контента MotoPress

8 лучших визуальных редакторов WordPress с поддержкой WYSIWYG 🥇2022 (бесплатно и Pro)

Плагин MotoPress Content Editor легко интегрируется с любой темой, которую вы сейчас используете для улучшения своих страниц и блогов. Это дает вашим страницам и блогам дополнительный импульс, необходимый им для повышения их популярности.

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

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

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

💵 Воспользуйтесь преимуществами этого замечательного плагина по низкой цене. Это стоит 39 долларов.

  • Обеспечивает легкий доступ к расширению функциональности редактора Drag and Drop WordPress .
  • Увеличивает функциональность вашего веб-сайта и предоставляет вам привлекательные медиафайлы.
  • Вы можете полностью настроить внешний вид вашего сайта
  • Возможно добавление и настройка текста, кнопок, изображений и галерей.
  • Персонал службы поддержки оказывает полную техническую помощь

Конструктор страниц от плагина SiteOrigin

Мощный интерфейс для создания контента

8 лучших визуальных редакторов WordPress с поддержкой WYSIWYG 🥇2022 (бесплатно и Pro)

Помимо того, что он бесплатный, плагин Page Builder by SiteOrigin предлагает пользователям ряд очень хороших функций. Помимо того, что он бесплатный, он еще и очень прост в использовании.

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

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

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

💵 Версия Lite доступна для бесплатной загрузки, версия Pro продается. это стоит 29 долларов.

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

В этой статье мы рассмотрели лучшие плагины WordPress WYSIWYG Visual Editor. Если вы заинтересованы в улучшении своего веб-сайта, вы находитесь в правильном месте. Просто установите один из этих плагинов.

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

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

И хочу предостеречь сразу от использования, потому как код текста страницы становиться очень мусорным, но если использовать с умом то творчество с wordpress становиться ещё проще.

Плагин TinyMCE Advanced

Неоспоримый  от команды, сотрудничающей с разработчиками wordpress. Лидер рынка, предоставляющий весь функционал, чтобы расширить возможности стандартного визуального редактора. Что предоставит плагин пользователю:

  • Добавляет, а не изменяет стандартный вид
  • Новый вид таблиц
  • Крутые шрифты
  • Контекстное меню правой кнопкой мыши

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

контекстное меню в TinyMCE Advanced
контекстное меню в TinyMCE Advanced
  1. Устанавливаем чекбокс контекстное меню, теперь редактировать текст ещё удобнее, при нажатии правой кнопкой мыши появляется не окно браузера, а помощник плагина.
  2. Гибридный режим, позволяет совмещать стандартный с новым видом

Отмечу возможность сохранения тега br (если не известно, то это разрыв строки, не путать с параграфом). Используем с осторожностью, по умолчанию они обрезаются, но если необходимо то ставим пункт здесь.

Сохранение тегов в редакторе wordpress
Сохранение тегов в редакторе wordpress

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

перенос кнопок в активную область плагина
перенос кнопок в активную область плагина

Посмотрим на панель созданную плагином в визуальном редакторе. Выглядит очень понятно, как настроено администратором, а не в произвольном порядке.

внешний вид нового редактора wordpress

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

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

Wp-edit обновленный вордпресс плагин

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

скачать wp-edit

  • Создание шорткодов
  • Так же перетаскиванием настраиваем панель
  • Изменение стиля отображения визуального редактора (скрытие ссылок автора)
  • Отключение базового wordpress фильтра, который стирает span, br, p
  • Очищение, управление количеством ревизий дабы не захламлять базу данных
  • Управление единицами измерения (пиксели, пункты, проценты)
  • Отключение вкладки «текст»
  • Добавление полей в базу данных

Setka-editor современный расширенный редактор для текста wordpress

Новый плагин для wordpress называется  Разработка русских программистов, но почему- то нет родного языка перевода. Добавляет собственную вкладку, с удобным и нестандартным набором команд. Понравился внешний вид и разброс на три блока:

Русская разработка setka-editor
Русская разработка setka-editor

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

Надёжный ckeditor

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

старый и надёжный ckeditor

Но работает как надо, понравилась кнопка вставки блоков div резиновых и адаптивных. для мини обзора приведу список достоинств:

  • Существует интеграция с style.css что упростит верстку
  • Так же имеется система проверки орфографии SKAYT
  • Изменение html сущностей
  • Изменение направления текста
  • Поддержка загрузки bmp картинок
  • Прав доступа по должностям, для тех кто работает с копирайтерами

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

Возвращение старого редактора текста с помощью classic editor

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

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

На сегодняшний день Gutenberg доступен как , и он будет включен в стандартную поставку WordPress 5.0. Классический редактор, по необходимости, будет доступен как бесплатный плагин . Это означает, что вы всегда сможете вернутся к старому редактору, к которому уже так привыкли WordPress-пользователи.

Главная особенность редактора Gutenberg– это представление всего контента в виде блоков и определение макета поста непосредственно в редакторе. Классический WordPress-редактор позволяет наполнять исключительно содержимое записи или страницы, а его внешний вид определяется в HTML и CSS-файлах.

Используя редактор Gutenberg, вам больше не придется разделять контент от его оформления. Эту задачу он возьмет на себя. Теперь создание сложных макетов станет более доступным для большинства пользователей. Достаточно будет выбрать тип блока и добавить в него контент. Также есть возможность легко двигать блоки вверх и вниз по своему документу.

Редактор Gutenberg

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

Типы блоков Gutenberg

Важным преимуществом нового редактора является предустановленные возможности вставки таблиц с дальнейшим их корректным отображением. Так, в старом редакторе, чтобы таблица не “ехала” за границы контентной части страницы, разработчикам приходилось для нее прописывать css-стили. Такого же эффекта можно было добиться с помощью установки дополнительных плагинов. В Gutenberg корректное отображение таблиц задано по умолчанию.

Работа с таблицами в Gutenberg

Также в новом редакторе разработчики хотят добиться полной замены шорткодов при добавлении большого количества контента в запись или на страницу. Благодаря этому, встраивание внешнего содержимого станет проще. Gutenberg имеет специальные настройки для вставки видеороликов с YouTube, публикаций Reddit, Tweets, ссылок Spotify и многое другое. Это упрощает процесс, который обычно требует установки дополнительных плагинов или генерирования специального HTML -кода для вставки на свой сайта. На сегодняшний день поддерживается 34 популярных ресурса. Например, для вставки видео нужно всего лишь создать новый блок Вставки и выбрать из списка нужный видеосервис.

Вставка видеоролика в Gutenberg

Как установить Gutenberg?

Как уже было сказано, на сегодняшний день Gutenberg еще не включен в ядро WordPress и поставляется как отдельный . Его установка и активация ничем не отличается от остальных WordPress-плагинов.

Обзор редактора Gutenberg

После того, как дополнение было активировано, можно переходить к созданию новой записи — Записи -> Добавить новую.

Создание новой записи в Gutenberg

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

Редактирование записи в Gutenberg

На первый взгляд новый редактор WordPress слегка непонятен, так как все инструменты скрыты до тех пор пока они вам не понадобятся. Можно заметить, что тут отсутствует полноценная панель инструментов с кнопками как в старом редакторе, а сам контент страницы занимает большую часть экрана. Благодаря прозрачности редактора обеспечивается лучшее представление окончательного вида записи. Интересно, что добавленный контент в редакторе выглядит аналогично опубликованному.Создание новой записи в Gutenberg

Создание новой записи в Gutenberg

Например, для блока Параграф (как в нашем примере) доступно:

  • выделение заглавной буквы;
  • настройка размера и цвета шрифта;
  • цвет фона для блока;
  • выравнивание блока.

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

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

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

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

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

Передвижение блока

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

Передвижение блока в Gutenberg

Режимы просмотра

В Gutenberg, как и в старом редакторе WordPress, существует два режима просмотра контента записи или страницы: Визуальный редактор и Редактор кода. По умолчанию используется первый режим. Для их переключения нужно в правом верхнем углу экрана нажать на кнопку в виде троеточия и выбрать нужный режим в блоке Редактор
.

Переключение режима просмотра в Gutenberg

Видно, что все блоки, созданные в редакторе Gutenberg, состоят из HTML-комментариев.

Переключение режима просмотра в Gutenberg

Вставка галереи изображений

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

Блок Галерея в Gutenberg

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

Вставка галереи в Gutenberg

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

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

Вставка кнопки в Gutenberg

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

Редактор Gutenberg позволит вам добавлять в контентную часть страницы или записи виджеты. Отметим, что в старом редакторе это можно было сделать с помощью отдельного плагина.

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

Вставка виджета в Gutenberg

Добавим, к примеру, виджеты Рубрики и Последние записи.

Вставка виджета в Gutenberg

Остальные возможности Gutenberg

Среди прочих полезных возможностей нового редактора можно выделить:

  • отдельный блок для многоколоночного отображения контента;
  • вставка оглавления и якорей;
  • дополнительные CSS-стили;
  • вставка миниатюры для записи или страницы;
  • цитаты и блоки цитат;
  • добавление пользовательского HTML-кода;
  • вставка шорткодов.

В качестве заключения

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

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

Конструкторы для визуального форматирования сайтов на WordPress

Мифы о конструкторах страниц

Конструктор страниц, эта тема регулярно поднимается в различных уголках интернета. При этом однозначного ответа о целесообразности создания сайта данным способом нет. Дать его невозможно по причине разности интересов и принципов веб-проектов. К примеру, вы собираетесь создать доску объявлений. Это серьезная задумка, которая потребует создания площадки практически с 0. Будущий сайт должен отвечать запросам современной ЦА, быть адаптированным под конкретную нишу, если это необходимо. Так сайты по продажи автомобилей и жилья кардинально отличаются кодом, дизайном и наполнением. Можно изначально заложить в веб-ресурсе возможность расширения на смежные ниши. В общем, все зависит от фантазии основателя, его финансов и стремлений. Потребуется детальная проработка кода не одним, а целым штатом специалистов разного профиля.

Конструкторы страниц из этой статьи единым списком

  • WPBakery Page Builder
  • Beaver Builder
  • Elementor– лучший выбор
  • MotoPress
  • Live Composer

Конструктор страниц может помочь создать веб-сайт без необходимости навыков программирования или знания языка HTML. Он предоставляет интуитивный интерфейс для дизайна и настройки сайта, а также может иметь дополнительные функции, такие как аналитика, SEO, интеграция социальных сетей и многое другое.

  • вшитая и визуальная реклама. Веб-специалисты уверяют, что получить ресурс с чистой структурой нереально. Обязательно закрадется рекламная ссылка, которая испортит репутацию веб-сайта в глазах поисковой системы. Проблема актуальна для бесплатных версий. Купите минимальный тариф, и реклама пропадет. Стоимость сопоставима с ценой хостинга и, в отличие от хостинга, оплата разовая;
  • однотипный внешний вид. Готовые решения визуальных редакторов строятся на базе стандартных шаблонов: якобы никакой
    индивидуальностью здесь и не пахнет. Абсурдная точка зрения! Конструкторы используют не для поиска готового решения. В них стиль корректируется по индивидуальным критериям. Никто не мешает начать все и с буквально чистого листа;
  • не попадают в Топ выдачи. Очередное ошибочное мнение. Индексация зависит от ряда показателей. Ключевыми являются структура, контент и уровень домена. Выяснили, что первая ничем не уступает ресурсам, сделанным вручную. Контент должен быть уникальным, интересным, востребованным –зависит от автора. Бесплатная версия редактора предполагает домен 3 уровня. Он является главной проблемой для продвижения. Решается она покупкой и привязкой
    нормального домена 2 уровня.

У веб-конструкторов есть главный плюс и основной минус. Первый заключается в простоте освоения и использования. Сервисы построены на базе функции Drag-and-Drop: выбирайте элемент, редактируйте и перетаскивайте его на нужное место. Система автоматически генерирует адекватный код. Многим его хватает на весь период существования проекта. Продвинутые версии предполагают 75-80% открытого кода, который правится вручную. Недостатком является отсутствие возможности переноса ресурса на другой хостинг в дальнейшем. Варианты данного обзора его лишены, ведь сегодня мы говорим не о веб-сервисах, а плагинах.

WPBakery Page Builder

WPBakery для ВордПресс

Непревзойденный лидер в мире визуальных редакторов страниц в WordPress. Данный плагин прошел тернистый путь от простенького инструмента до комплексного плагина для сайта. В актуальном наборе дополнения содержатся элементы не только для редактирования внешнего вида ресурса, но и внутренних панелей, блока SEO, отдельных частей кода. Название WPBakery расширение получило не так давно. Ранее оно было известно миру как Visual Composer. Первоначальная версия утилиты вышла еще 22 мая 2011 года. Плагин относится к категории «Премиум» и не имеет бесплатной версии. Годовая стоимость составляет 45-250$. На момент написания обзора (07.05.2019), дополнение приобрели 380 000+ пользователей. Средний показатель рейтинга составляет 4,5 звезды из 5.

Чтобы начать работу, устанавливаем WPBakery как обычное расширение. Переходим в одноименную вкладку главного меню и задаем настройки. Их немного и на первых парах достаточно «По умолчанию».

На будущее приводим пояснения:

  • основные настройки – активируем адаптивный дизайн и Гугл-кириллицу;
  • Role Manager – права доступна администраторов;
  • дизайн элементов – цветовая гамма, стиль, размеры и прочее;
  • индивидуальные CSS – добавляем свои стили и таблицы. Пригодится веб-мастерам;
  • лицензия – автоматические обновления и авторская поддержка;
  • Shortcodes– для своих наработок.

Использование WPBakery осуществляется через уникальный композер. Есть две вариации – Backend Editor и Frontend Editor.

Первая подразумевает настройку из административной панели, а вторая – полностью визуальный редактор. По ходу предлагаются предустановленные шаблоны. Пользоваться или не обязательно. Необходимые элементы выбираются из меню Add element. Здесь есть ряд, текстовые блоки, делители, информационные сообщения, форма комментариев, слайдеры и многое другое. Также разработчики предлагают фильтры изображений, расширенный инструментарий, аддоны с дополнительными элементами, эффектами и Parallax-фоны. Большим преимуществом является частично русский перевод.

Beaver Builder

Beaver для ВордПресс

Прямой конкурент WPBakery, набирающий популярность, конструктор страниц Beaver Builder. Данное расширение из той же категории «Премиум».  Нужно сказать, оно очень похоже на предыдущего оппонента. Аналогия прослеживается на этапе установки, настройки, работы. Активация занимает несколько минут. В случае с Beaver Builder настройки по умолчанию можно не трогать. Если зашли от имени главного администратора, сразу приступаем к созданию страниц. Имеется две панели для работы: в админке и верхней строке визуального просмотра. Иногда жалуются, что вторая не появляется. Рекомендуем проанализировать список установленных дополнений. Нередко пользователи намеренно блокируют вывод верхней строки специальными инструментами.

Elementor

Elementor для ВордПресс

Ярким представителем безвозмездной категории является это дополнение. Elementor не просто стал хорошей альтернативой для любителей и веб-мастеров, но и взял оливковую ветвь лидерства. Всего на базе расширения созданы и успешно работают 2+ млн. ресурсов. Как и большинство аналогичных продуктов, Elementor имеет премиум-версию. Она предусматривает пакеты для 1, 3 или 999 сайтов. Обходятся тарифы в 49, 99 и 199$ соответственно. В последние годы Pro-версия плагина дышит в спину потомку
Visual Composer. Но это не значит, что ее срочно нужно покупать. Многим хватает и бесплатного варианта. На момент 7 мая 2019 года в него входит 83 функции. Повод познакомиться с ним поближе.

Elementor не имел под собой коммерческой основы. Он создавался на интерес группой специалистов, долгое время всенародно правился и дополнялся. Результатом стал плагин, который отвечал повседневным нуждам как новичков, так и веб-мастеров.
Перечислим основные преимущества расширения.

  1. Универсальность. Работает с любыми темами без пейдж-билдеров.
  2. Большой каталог инструментов. Слайдеры, карусели, блоки текста и информации, виджеты, формы комментирования и прочее.
  3. Детальное редактирование. Выбранный элемент многосторонне правится: цвет, шрифт, размер, анимация, эффекты – это далеко не все из доступного.
  4. Расширенная библиотека готовых шаблонов. Намного больше, чем в аналогичных платных дополнениях. Конечно же, все правится по желанию.

Возможности плагина не уступают тем же Beaver Builder, WPBakery. И без того большой набор инструментов регулярно пополняется посредством обновлений. Последние протекают без ущерба созданным формам, что избавляет от ряда неудобств. Из особенностей функционала отметим наличие удобного встроенного внутреннего редактора, возможность использования набора современных виджетов, создания нескольких страниц по единому шаблону и их импорт для других сайтов. Также есть функция работы только с центральной областью, без шапки, сайтбара и подвала. Инструментарий полностью адаптивный, что гарантирует качественное отображение элементов в мобильной версии. Elementor отлично подойдет как для информационных, так и коммерческих ресурсов.

MotoPress

MotoPress для ВордПресс

Очередной коммерческий проект, который полюбился миллионам по всему миру. Точная дата появления проекта не известна. В сегодняшний обзор MotoPress попал не просто так. У него тернистая, интересная история развития. Изначально утилита
создавалась как альтернатива стандартному визуальному редактору контента WordPress – панели, с которой мы работаем в записях. Ожидаемый успех к разработке не пришел, так как она не имела изюминки. При этом дополнение отлично справлялось с возложенными на нее функциями. Продукт MotoPress Content Editor долгое время не модернизировался создателями. Их внимание поглотил новый проект – MotoPress Slider. Речь идет о расширении для работы со слайдерами в записях. Его главной особенностью являлась функция полноценного редактирования изображения в рабочей области. Это избавляло от покупки дорогостоящих графических программ и просто экономило время.

  • текст;
  • изображения;
  • сетка элементов;
  • кнопки;
  • социальные иконки;
  • видео и аудио;
  • звуковые эффекты;
  • вкладки;
  • таблицы;
  • счетчики статистики;
  • карты;
  • конструкции HTML;
  • виджеты;
  • пространственные элементы;
  • визуальные эффекты.

От конкурентов продукт отличает ряд особенностей. Во-первых, уникальная и полноценная панель визуального редактирования. Нередко пользователи отмечают, что она удобнее и понятнее аналогов конкурентов. Во-вторых, дополнение подойдет для работы с любыми темами, совместимо со многими сторонними расширениями. В частности, пакеты MotoPress полностью адаптированы под Multisite. В-третьих, имеются вшитые Гугл-шрифты, стили и шаблоны. Продукт совместим с WPML-технологиями. Автоматические обновления проходят регулярно и незаметно для пользователей. MotoPress переведен на несколько языков, но русского среди них нет. Есть демо-версия с сильно урезанным функционалом. Она не подойдет для серьезной работы. Цена премиального пакета зависит от количества ресурсов и необходимости аддонов. 1 сайт обойдется в 29$/год, 5 – 47 долларов, а неограниченное их количество – 139. Стоимость пакетов премиум-инструментария составляет 69$ для одного ресурса и 179$ для «Без ограничений». Unlim-набор брать не выгодно, однако, сгенерировать нечто среднее за разумные деньги не составит труда.

Live Composer

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

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

  1. Выбор шаблона. Есть предустановленные варианты.
    Их можно скачать, либо загрузить собственные шаблоны.
  2. Поиск элементы. Они находятся в меню модулей (крайняя левая вкладка).
  3. Настройка выбранного. Перетаскиваем элемент в рабочую область, правим с помощью микшеров, стрелок и прочего. Все на уровне потяни, разверни, напиши и прочее. Никакого кода и HTML-конструкций.
  4. Сохранение результатов. Функция предпросмотра сэкономит время.

Live Composer не так прост, как кажется. Плагин предусматривает массу полезных настроек. К примеру, можно указать тип страницы (ПК или мобильная), стилизовать элементы до уникального уровня, импортировать данные из аналогичных дополнений и т.п. Live Composer формирует грамотную структуру и практически не оставляет мусорных файлов, кодовых конструкций. Эти преимущества, а также большой набор инструментов и тотальная бесплатность, делают Live Composer выгодным и перспективным вариантом.

VelocityPage Drag and Drop Builder

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

Оптимальный вариант для тех, кто хочет быстро добавить стильные и современные элементы на сайт. Плагин создает, редактирует новые и старые страницы, работает с контентом. Отметим, что дополнение подойдет для только создаваемых записей: внешний вид ранее опубликованных правится, однако, текстовый блок игнорируется. Результатом станет кривая и косая разметка постов. Проблема кроется в алгоритме редактирования контента из фронтэнда. В прочем, во многих подобных расширениях работа с записями вообще не предусмотрена.

Проект является коммерческим, и цена порадует далеко не каждого. Завышенную стоимость разработчики компенсируют расширенный функционалом и оперативной поддержкой клиентов. Акцент на последней сделан не случайно. Сегодня пользователь не привык разбираться в нюансах самостоятельно. Намного проще написать в саппорт и получить грамотный ответ. С внятностью и
скоростью отклика поддержки нередко возникают проблемы. Обычно первыми в очереди стоят держатели самых дорогих наборов. Компания-разработчик VelocityPage решила проблему, обеспечив одинаково качественную поддержку и любителям, и бизнесменам. Если не устраивает сервис, в течение 30 дней можно подать жалобу и вернуть деньги.

Заключение

Визуальные редакторы в WordPress решают сразу несколько проблем. Во-первых, они позволяют быстро и без знания HTML, CSS,
шорткодов и прочего менять содержимое и структуру страниц и записей. Во-вторых, при этом не страдает их структура, скорость загрузки. В-третьих, не нужно тратиться на услуги специалистов. Новичок быстро разберется с функционалом и самостоятельно реализует задумки. Однако перечисленные преимущества характерны лишь для проверенных плагинов. Найти таковые не просто: в интернете масса информации на разный лад. Мы проанализировали ее за вас и составили Топ, который отвечает актуальным задачам новичков и профессионалов.

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

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

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

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

Плагины для внешнего оформления страницы

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

1 WPBakery (ранее известный как Visual Composer – включен в тему Total WP)

9 лучших плагинов для редактирования внешнего интерфейса WordPress

WPBakery Page Builder (ранее Визуальная Composer), вероятно, один из самых известных создателей страницы плагин для WordPress. Всего за 45 долларов вы можете добавить этот мощный плагин на свой сайт. Или вы можете рассмотреть премиальную тему, которая включает Visual Composer. Некоторые темы, такие как тема Total WordPress, включают в себя дополнительные модули и настройки элементов страницы, что дает вам еще больше возможностей для создания.

Переключение между внутренним и внешним редакторами Visual Composer очень просто – просто щелкните, чтобы изменить макеты сетки, добавить строки и столбцы, затем перетащите элементы содержимого на страницу, переставляя их по мере необходимости. У всех элементов также есть несколько вариантов и вариантов для настройки внешнего вида и функциональности вашей страницы.

Нужна помощь в начале работы с Visual Composer? Ознакомьтесь с нашим полным руководством по Visual Composer, которое проведетвас через весь процесс установки, настройки и создания страниц.

  • Более 45 элементов содержимого с возможностью перетаскивания
  • Доступно более 150 сторонних надстроек
  • Более 60 готовых макетов
  • Плюсы:
    простота использования, предварительный просмотр в реальном времени, совместимость с большинством тем WordPress.
  • Минусы:
    может потребоваться некоторая кривая обучения, часто требуются надстройки тем или плагинов для дополнительной функциональности.

2 Elementor (бесплатно)

9 лучших плагинов для редактирования внешнего интерфейса WordPress

Когда дело доходит до бесплатной страницы и варианта создания контента, на ум приходит Elementor. Этот мощный плагин содержит полезные элементы для создания контента, такие как столбцы, заголовки, изображения, интервалы, списки и другие ключевые функции, которые вы, возможно, захотите добавить в свои сообщения. Плагин также включает в себя готовые шаблоны, которые можно использовать для еще более быстрого запуска, а также возможность настраивать CSS (для настройки стиля).

Для тех, кто разбирается в коде, Elementor хорошо построен и имеет открытый исходный код. Так что, если вы хотите внести несколько изменений и поделиться, не стесняйтесь (хотя это довольно надежно – так что это больше, если вам нужно индивидуальное решение).

  • 23 бесплатных строительных блока
  • +24 Больше профессиональных строительных блоков
  • Простые в использовании предварительно отформатированные шаблоны
  • Готов к переводу
  • Плюсы:
    простота использования, шаблоны быстрого запуска, совместимость с большинством тем.
  • Минусы:
    лучшие функции доступны в Pro (так что вы захотите обновить).

3 Редактор контента MotoPress (бесплатно)

9 лучших плагинов для редактирования внешнего интерфейса WordPress

Бесплатный редактор содержимого MotoPress позволяет создавать веб-сайты визуально, перетаскивая элементы содержимого. Этот плагин используется более чем на 10 000 веб-сайтов и имеет 4,8-звездочный рейтинг удовлетворенности, что делает его достойным вашего внимания. Также доступна премиум-версия плагина, которая добавляет дополнительные элементы контента и премиум-поддержку.

  • Более 30 элементов содержимого с возможностью перетаскивания
  • Возможность расширения за счет надстроек
  • Готовые макеты
  • Плюсы:
    очень проста в использовании, доступны предварительные просмотры в реальном времени, бесплатно.
  • Минусы:
    не работает с существующим контентом.

4 Live Composer (бесплатно)

9 лучших плагинов для редактирования внешнего интерфейса WordPress

Live Composer – это интерфейсный конструктор страниц с возможностью редактирования перетаскиванием. Он используется на более чем 10 000 веб-сайтов и имеет 4,8-звездочный рейтинг удовлетворенности, поэтому его стоит проверить.

Чтобы включить редактор, нажмите зеленую кнопку «Активировать редактор» на странице, которая затем позволяет перетаскивать элементы на страницу. В целом, он прост в использовании, и все элементы можно полностью настроить с точки зрения стиля и функциональности.

  • Более 30 элементов содержимого с возможностью перетаскивания
  • Импорт и экспорт разделов или макетов
  • Плюсы:
    Простота использования, Предварительный просмотр в реальном времени, Бесплатно, Для создания элементов не используются короткие коды.
  • Минусы:
    не может использоваться с существующим контентом, добавляет пользовательские типы сообщений при установке.

Плагины для редактирования контента переднего плана

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

1 Editus (ранее Lasso)

9 лучших плагинов для редактирования внешнего интерфейса WordPress

Editus изначально был известен как Lasso и пришёл к нам от разработчиков Aesop Story Engine (ASE). Это интерфейсный редактор, который позволяет просматривать изменения в режиме реального времени. Editus – мощный инструмент, начиная с 99 долларов за использование на трех сайтах.

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

  • Редактирование текста, ссылок, изображений и другого контента в реальном времени
  • Поддержка избранных изображений
  • Работает как с сообщениями, так и со страницами
  • Совместимость с несколькими сайтами
  • Плюсы: простой в использовании интерфейс, возможность расширения с помощью надстроек ASE, совместимость с большинством тем.
  • Минусы: относительно дорого.

2 Интерфейсный редактор (бесплатно)

9 лучших плагинов для редактирования внешнего интерфейса WordPress

Форматировать текст легко с помощью плагина Front-End Editor.

Front-end Editor изначально разрабатывался как функциональный плагин для возможного включения в ядро ​​WordPress. Хотя это больше не похоже на план, плагин по-прежнему доступен для использования – по последним подсчетам, было установлено более 2000 установок с рейтингом удовлетворенности 4,2 звезды.

Интерфейсный редактор прост в использовании и не требует настройки после установки. После активации пользователь с разрешениями на редактирование, посещающий любую публикацию или страницу на вашем веб-сайте, может использовать как ссылку «Изменить страницу» на панели инструментов в верхней части экрана, так и ссылку «Изменить» под содержимым, чтобы разрешить редактирование.

  • Редактирование текста и ссылок в реальном времени
  • Поддержка избранных изображений
  • Работает как с сообщениями, так и со страницами
  • Плюсы:
    простой в использовании интерфейс, бесплатно
  • Минусы:
    ограниченная функциональность (например, вы не можете редактировать изображения), не работает со всеми темами.

3 Контент-менеджер для WordPress

9 лучших плагинов для редактирования внешнего интерфейса WordPress

С помощью OTW Content Manager для WordPress вы можете быстро создавать адаптивные макеты для своих сообщений и страниц. Используйте параметры для пользовательского стиля, 50+ шорткодов для легкого создания страниц, редактирование интерфейса (конечно) и даже создавайте свои собственные шорткоды для использования. Просто вставьте шорткоды сборки страницы, перетащите их на место, внесите быстрые изменения стиля на лету и опубликуйте. Это так просто!

  • 50+ шорткодов
  • Внешнее и внутреннее редактирование
  • Настраиваемые боковые панели
  • Плюсы:
    легко расширяется с помощью других плагинов OTW.
  • Минусы:
    устаревший дизайн пользовательского интерфейса.

4 Пограничный пост (бесплатно)

9 лучших плагинов для редактирования внешнего интерфейса WordPress

Frontier Post – это бесплатный плагин, предназначенный для обеспечения полного управления публикациями из внешнего интерфейса вашего веб-сайта. Это выходит за рамки простого редактирования содержимого сообщений, позволяя пользователям с соответствующими разрешениями также создавать и удалять сообщения. Плагин в настоящее время используется более чем на 2000 активных веб-сайтах и ​​имеет 4,9-звездочный рейтинг удовлетворенности.

Используя плагин, администраторы могут контролировать, как и когда редактировать сообщения, а также какие параметры доступны пользователям в интерфейсе. Кроме того, у вас есть полный контроль над разрешениями пользователей Frontier Post. Стандартные ссылки редактирования вызывают интерфейс Frontier, который представляет собой текстовый редактор, похожий на редактор WordPress TinyMCE. Вы также можете предварительно просмотреть свой пост перед публикацией.

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

5 Гутенберг (бесплатно)

9 лучших плагинов для редактирования внешнего интерфейса WordPress

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

  • Простые блоки содержимого
  • Обратная совместимость сообщений
  • Плюсы:
    Бесплатно и скоро станет основным.
  • Минусы:
    не такой интуитивный, как у других строителей.

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

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

Мы хотели бы услышать о вашем опыте работы с плагинами для редактирования внешнего интерфейса WordPress, поэтому поделитесь своими советами и рекомендациями в разделе комментариев ниже!

На что обратить внимание в визуальных плагинах для создания сайтов под WordPress?

Прежде чем приступить к работе с любым плагином для построения страниц WordPress, вам необходимо обратить внимание на следующие аспекты.

  • Интерфейс: Интерфейс должен быть простым и интуитивно понятным.
  • Виджеты/шаблоны: Он должен иметь необходимые виджеты/элементы для добавления дополнительной функциональности дизайна. Он также должен предоставлять готовые к использованию шаблоны.
  • Отзывчивый дизайн: Дизайн конструктора страниц должен быть отзывчивым на всех устройствах.
  • Дизайн/стиль/возможности настройки: Должны быть гибкие возможности дизайна и настройки.
  • Чистый код: Когда вы отключите или удалите плагин конструктора страниц, он не должен оставлять после себя никакого кода. В этом и заключается смысл чистого кода.

10 лучших плагинов WordPress

  • Elementor
  • Divi Builder
  • Beaver Builder
  • SeedProd
  • Thrive Architect
  • Themify Builder
  • Brizy
  • WPBakery Page Builder
  • Visual Composer
  • WP Page Builder

Итак, вот список лучших конструкторов сайтов WordPress. Я привожу мини-обзор всех этих конструкторов.

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