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

Содержание
  1. Visualize Advanced Features
  2. Custom TinyMCE button
  3. WYSIWYG Button Manager for WordPress
  4. WP Super Edit (TinyMCE)
  5. Advanced TinyMCE Editor v 0
  6. WP-Table версия 1
  7. Wysi-WordPress Plugin v
  8. Dean’s FCKEditor for WordPress
  9. EditorMonkey WYSIWYG
  10. WysiwygPro editing for WordPress
  11. Вывод
  12. Плагины для внешнего оформления страницы
  13. 1 WPBakery (ранее известный как Visual Composer – включен в тему Total WP)
  14. 2 Elementor (бесплатно)
  15. 3 Редактор контента MotoPress (бесплатно)
  16. 4 Live Composer (бесплатно)
  17. Плагины для редактирования контента переднего плана
  18. 1 Editus (ранее Lasso)
  19. 2 Интерфейсный редактор (бесплатно)
  20. Форматировать текст легко с помощью плагина Front-End Editor.
  21. 3 Контент-менеджер для WordPress
  22. 4 Пограничный пост (бесплатно)
  23. 5 Гутенберг (бесплатно)
  24. Удалить форматирование из вашего текста
  25. Изменение типа текста
  26. Вставить еще тег
  27. Добавить и удалить ссылки
  28. Плагин конструктора сайтов Elementor
  29. Плагин ведущих страниц
  30. Плагин Beaver Builder
  31. Плагин Divi Builder
  32. Плагин Essential Grid
  33. Плагин редактора контента MotoPress
  34. Конструктор страниц от плагина SiteOrigin
  35. Какие бывают визуальные редакторы
  36. Elementor
  37. WPBakery (Visual Composer)
  38. Page Builder от Site Origin
  39. Beaver Builder
  40. Landing Page Builder
  41. CoBlocks для Gutenberg
  42. Выводы
  43. Изучение возможностей плагина

Visualize Advanced Features

Этот плагин выводит скрытые кнопки на панель визуального редактора TinyMCE (помните «пасхальное яйцо» в WordPress 2.1?)

Visualize Advanced Features toolbar

Плагин для тех, кто забывает какие клавиши нажимать: Alt-Shift-V (для Firefox) или Alt-V (для IE) ( подробности) чтобы вызвать доп. кнопки на панели редактора, и кому не нужен навороченный виз. редактор, но дополнительное форматирование бы пригодилось. Говорят, в версии wp 2.3 « расширенные кнопки визуального редактора вызываются простым нажатием кнопки в тулбаре». Что ж, долго ему (плагину) не жить.

Custom TinyMCE button

Это даже не плагин, а наглядное пособие « как сделать свои кнопки в визуальном редакторе TinyMCE». Установка производится не в папку с плагинами WordPress, а в папку с плагинами TinyMCE: /wp-includes/js/tinymce/plugins/, затем подправляем файл tiny_mce_config.php (/wp-includes/js/tinymce/), сбрасываем кэш и любуемся двумя новыми кнопками на панели редактора.

WYSIWYG Button Manager for WordPress

Совместимость: 2.0.x и 2.x

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

WP Super Edit (TinyMCE)

WP Super Edit toolbar

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

WP Super Edit

От Advanced TinyMCE Editor отличается возможностью работы со слоями (позиционирование, z-index и полный набор всевозможных свойств для div).

К плагину WP Super Edit написаны несколько дополнительных плагинов, например Fullscreen for WP Super Edi и Monsters Editor for WP Super Edit (если вам больше по душе Fckeditor вместо TinyMCE).

Advanced TinyMCE Editor v 0

Cовместимость: wp 2.1 и 2.2

UPD 18.09.2007

Русифицированный: advanced tinymce 0.5.0

Advanced TinyMCE Editor версия 0.5.0
Этот плагин добавляет 60 новых кнопок в панель редактора, достаточно гибко настраивается. В отличии от версии 0.4.0 ( обзор на сайте maxsite.org) начиная с версии 0.5.0 нет необходимости копаться в файлах плагина и настраивать его под себя, теперь управление выводом кнопок можно делать в админке. Также появилась возможность добавить свой css в расширенный редактор, автор плагина рекомендует добавлять в css для редактора только простые стили, например только классы для картинок и текста.

Теперь ваши и мои клиенты не будут мучительно привыкать к тому факту, что вставленная картинка «висит топориком» в редакторе, а на странице записи обтекается текстом, как и положено. Конечно, можно выравнивать картинки в тексте с помощью align, но в большинстве случаев удобнее все-таки с помощью css: к примеру, плагин Photopress
позволяет задать css классы для картинки, и все что нужно потом сделать — загрузить картинку, выбрать из выпадающего меню класс и жмакнуть «вставить».

Advanced TinyMCE Editor версия 0.5.0 (админка)

WP-Table версия 1

wp-table.jpg

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

WP-Table

Wysi-WordPress Plugin v

Совместимость: подходит для 2.2 (как я поняла, и для более старых версий тоже — на сайте автора недавно анонсирована поддержка wp 2.2, а первая версия плагина вышла в феврале 2005)

WYSIWYG Plugin v. 5

— дополнительная кнопка для вставки картинок в пост:

  • с поиском по папке uploads и сортировкой «A —Z» или «старые—новые»
  • предпросмотром,
  • выбором варианта вставки картинки: как ссылка или картинка
  • можно удалить картинку, тут же сделать для нее thumbnail (превью) любого размера (есть регулировка качества при уменьшении), вставить это превью со ссылкой на большую картинку, без ссылки, просто линк и т.п.
  • выводится информация о размере картинке и ее весе

— кнопки «цвет текста» и «цвет бекграунда»

— встроенный словарик (кнопка, похожая на логотип МТС), естественно, англоязычный

— а также кнопки «more» и «next page»

Кроме кнопки «next page» и достаточно гибкой загрузки и редакторивании картинок в этом плагине особой функциональности нет.

Dean’s FCKEditor for WordPress

Совместимость: wp 2.0 и выше

Dean’s FCKEditor for WordPress toolbar

 

Xinha4WP toolbar

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

Xinha4WP upload images

EditorMonkey WYSIWYG

Работал на основе FCKEditor или TinyMCE.

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

WysiwygPro editing for WordPress

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

Вывод

Самым удобным для меня оказался Advanced TinyMCE Editor, остальные плагины или слишком наворочены (много кому нужна поддержка слоев как в WP Super Edit? — кто знает что это такое, тот и руками напишет, а малоопытного пользователя такая кнопка только смущать будет), или слишком просты.

Важной причиной популярности 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.
  • Минусы:
    может потребоваться некоторая кривая обучения, часто требуются надстройки тем или плагинов для дополнительной функциональности.

Получите конструктор страниц WPBakery

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

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

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

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

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

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

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

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

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

Получите редактор содержимого MotoPress

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+ шорткодов для легкого создания страниц, редактирование интерфейса (конечно) и даже создавайте свои собственные шорткоды для использования.

Для получения дополнительных возможностей Content Manager можно объединить с другими плагинами OTW, такими как их боковая панель и менеджер виджетов или Portfolio Manager Pro.

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

Получите Content Manager для WordPress

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

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

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

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

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

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

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

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

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

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

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

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

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

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

WordPress позволяет вам создавать контент и управлять им визуально, а не кодировать его непосредственно в ваших файлах. Поэтому для непосвященных он называется WYSIWYG-редактором или «Что видишь, то и получаешь».

Инструмент редактирования состоит из трех частей:

  1. Визуальный редактор
  2. Текстовый редактор (где вы можете ввести код)
  3. Media Uploader (для загрузки файлов изображений)

По умолчанию визуальный редактор активен, когда вы создаете новую запись или страницу (Страницы > Добавить новую или Сообщения > Добавить новую ). Если случайно он не активен, щелкните по нему:

Визуальный редактор WordPress: советы и рекомендации для начинающих

WYSIWYG означает, что то, что вы видите в визуальном редакторе при редактировании сообщения, будет отображаться в опубликованном сообщении. Текстовый редактор позволяет вводить простой текст, а также позволяет вводить код (разметку HTML) напрямую, как если бы вы работали с фактическим файлом HTML. Вы активируете его, щелкнув вкладку Текст в правом углу редактора:

Визуальный редактор WordPress: советы и рекомендации для начинающих

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

Визуальный редактор WordPress: советы и рекомендации для начинающих

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

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

Визуальный редактор WordPress: советы и рекомендации для начинающих

Щелкните значок кухонной раковины, чтобы отобразить другие параметры форматирования на панели инструментов:

Визуальный редактор WordPress: советы и рекомендации для начинающих

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

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

Визуальный редактор WordPress: советы и рекомендации для начинающих

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

Удалить форматирование из вашего текста

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

Визуальный редактор WordPress: советы и рекомендации для начинающих

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

Изменение типа текста

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

Визуальный редактор WordPress: советы и рекомендации для начинающих

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

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

Используйте тип «Абзац» в раскрывающемся списке, чтобы удалить форматирование из заголовков, поскольку кнопка «Удалить форматирование» не работает для заголовков и цитат.

Используйте кнопку Цитата, чтобы отформатировать или удалить форматирование цитаты:

Визуальный редактор WordPress: советы и рекомендации для начинающих

Визуальный редактор WordPress: советы и рекомендации для начинающих

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

Вставить еще тег

Визуальный редактор WordPress: советы и рекомендации для начинающих

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

Здесь пригодится изящная функция «Вставить больше тегов». Это позволяет вам точно указать, где закончится отрывок. Ссылка, указывающая на полный текст сообщения, будет вставлена ​​там, где вы указали конец отрывка. Есть много способов отформатировать этот тег, но помните, что по умолчанию он работает только для сообщений (не для страниц):

Визуальный редактор WordPress: советы и рекомендации для начинающих

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

Добавить и удалить ссылки

Визуальный редактор WordPress: советы и рекомендации для начинающих

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

Если вы когда-либо использовали кнопку специальных символов в Word, это тоже должно быть вам знакомо. Однако этот более интуитивно понятен, поскольку он отображает коды HTML и NUM персонажа при наведении на него курсора:

Визуальный редактор WordPress: советы и рекомендации для начинающих

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

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

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

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

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

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

Используя интерфейсный редактор 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. Количество лендингов, многостраничных сайтов и автономных блогов, работающих на этой CMS, говорит само за себя. Но такой крупный успех был бы невозможен без удобных и интуитивно понятных визуальных редакторов, облегчающих редактирование контента и конструирование страниц. Визуальный редактор WordPress, а их немало, расскажем о лучших ниже – и есть как-раз один из таких инструментов, цель которого минимизировать прямое вмешательство в программный код и облегчить жизнь вебмастеру.

Расчет очевиден: чем меньше среднестатистический потребитель сталкивается с необходимостью редактирования кода HTML, стилей CSS, сценариев PHP и JavaScript, тем более привлекательным для него будет цифровой продукт.

В визуальных редакторах пользователь может выполнять большинство операций, не отрывая руку от мышки. Ключевые манипуляции производятся по принципу drag-and-drop (буквально, с англ.: «тащи и бросай»). Давайте разберемся, какими бывают визуальные редакторы, какие из них самые популярные, как выбрать самый подходящий именно для вас.

Зачем вам визуальный редактор:

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

Какие бывают визуальные редакторы

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

визуальный редактор WordPress – это как мозаика, которую легко и приятно собирать

Такие визуальные редакторы называются Page Builder («конструктор страниц») или Site Builder («конструктор сайтов»). Последнее название звучит слишком громко и скорее указывает на желание разработчика плагина поднять значимость своего продукта в глазах потенциального потребителя.

Основные преимущества конструкторов:

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

Подобных конструкторов на рынке программного обеспечения великое множество. Однако если вы зайдете в каталог премиальных тем WordPress, то увидите, что использованные в них «билдеры» можно пересчитать по пальцам одной руки. Чаще всего вам будут встречаться Elementor, WPBakery или Visual Composer (это новое и старое название одного и того же редактора). Реже – несколько других названий. Чтобы упростить выбор, рассмотрим лучшие конструкторы подробней, попутно определяясь с преимуществами и недостатками каждого из них.

Elementor

Начать «разбор полетов» лучше всего с лидера гонки – конструктора Elementor Website Builder. Визуальный редактор WordPress, разработанный израильской софтверной компанией Elementor Ltd, поставляется в двух версиях, бесплатной и платной. Нередко пользователям хватает базового функционала, но иногда без функций PRO попросту не обойтись. Рассмотрим более подробно возможности бесплатной версии и кратко остановимся на функционале, который становится доступным по платной подписке.

Elementor, краткая сводка:

  • разработчик: Elementor Ltd;
  • официальный сайт разработчика: elementor.com;
  • полное название продукта: Elementor Website Builder;
  • текущая версия: 3.0.12;
  • год создания: 2016;
  • последний апдейт плагина: около недели назад;
  • регулярность обновлений: часто;
  • версия WordPress: 5.0+;
  • проверена совместимость до: 5.5.1;
  • версия PHP: 5.6+;
  • языки: 56 языков;
  • русская локализация: есть.

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

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

Ключевые особенности Elementor:

  • интуитивно понятный интерфейс;
  • просмотр изменений в реальном режиме времени;
  • множество профессиональных функций, доступных «из коробки» в бесплатной версии конструктора;
  • 40+ бесплатных виджетов;
  • 100+ готовых, настраиваемых макетов страниц;
  • 300+ блоков, шаблонов секций;
  • перевод на десятки языков, русская локализация, поддержка RTL;
  • большое количество бесплатных дополнений от сторонних разработчиков;
  • высокая частота обновлений;
  • подробная документация, FAQ, видеоинструкции, большое количество обзоров, профессиональная поддержка.

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

  • Image: управление параметрами изображений (размеры, прозрачность и так далее);
  • виджеты презентации серии изображений (галерея, слайдер, карусель);
  • текстовый редактор WYSIWYG («что видишь на экране, то и получаешь [на выходе]»);
  • Video: интеграция Vimeo, YouTube;
  • интеграция с социальными сетями;
  • Image Box: картинка + заголовок + текст;
  • виджет для вставки шорткодов;
  • интеграция с SoundCloud;
  • виджет боковых панелей;
  • интеграция карт Google;
  • виджет вставки кода HTML;
  • и другие.

Часть премиальных функций можно заменить бесплатными аналогами, однако если Elementor работает в связке с интернет-магазином WooCommerce, переход на платную версию плагина существенно облегчит жизнь вебмастеру. Заплатив за лицензию $49, пользователь получит доступ к 40 виджетам электронной коммерции, 18 из которых напрямую связаны с интеграцией с WooCommerce.

Основной недостаток Elementor – создание избыточного кода и, как следствие, некоторое увеличение времени загрузки страниц и размера сайта. Однако этот минус присущ всем конструкторам (и далеко не только им). Решить эту проблему может только очень хороший программист «с прямыми руками», большой запас времени и приличная сумма денег. Стоят ли сотые доли секунды и несколько байт таких жертв, решать только вам. Да, никто не даст гарантий, что руки программиста окажутся «прямее», чем «кривизна» избыточного кода. В целом же Elementor – вполне достойное решение, что подтверждается опытом миллионов владельцев сайтов на CMS WordPress.

WPBakery (Visual Composer)

WPBakery Page Builder, до недавнего времени называвшийся Visual Composer, основной конкурент Elementor. Количество активных установок превысило 4,3 миллиона. В большинстве случаев для пользователей выбор конструктора сводится к выбору между этими двумя визуальными редакторами. И обосновать свой выбор вебмастера зачастую не могут. Просто одному «не зашел» WPBakery, а пришелся по нраву Elementor, а другому наоборот. Кстати, wpbakery.com, официальный сайт разработчика, полностью сделан на этом конструкторе.

Начнем с основного недостатка – у WPBakery нет бесплатной версии, только небольшой «тест-драйв». Стоимость лицензии начинается с $45 за один сайт. Однако конструктор поставляется в виде бонуса ко многим премиальным темам WordPress.

Ключевые особенности WPBakery Page Builder:

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

Page Builder от Site Origin

Краткая информация о Page Builder:

  • автор: SiteOrigin;
  • официальный сайт разработчика: siteorigin.com/page-builder/;
  • текущая версия редактора: 2.11.5;
  • частота обновлений: часто;
  • последний апдейт: менее месяца назад;
  • количество активных установок плагина: более миллиона;
  • версия WordPress: от 4.7;
  • совместимость проверена до версии: 5.5.1;
  • версия PHP: от 5.6.20;
  • языки интерфейса: 32 языка, включая русский.

Особенности Page Builder:

  • интуитивно понятный интерфейс;
  • работает со стандартными виджетами WordPress;
  • полная свобода выбора темы;
  • 20+ бесплатных тем от Site Origin;
  • простой интерфейс drag-and-drop;
  • предварительный просмотр в реальном режиме времени;
  • история изменений (History Browser);
  • возможность использования кастомных CSS и классов CSS;
  • пакет оригинальных виджетов Widgets Bundle;
  • плагин активно развивается;
  • интерфейс на многих языках, включая русский;
  • оригинальные плагины SiteOrigin Installer, SiteOrigin CSS;
  • открытый исходный код, API для разработчиков;
  • подробная документация, профессиональная поддержка, форумы сообщества Page Builder.

В премиальной версии добавляются десятки аддонов (и не только), включая:

  • конструктор кастомных типов записей Custom Post Type Builder;
  • аддон с дополнительными настройками и стилями контактной формы (расширение возможностей Widgets Bundle Contact Form, входящего в базовую версию редактора);
  • слайдеры, параллакс;
  • виджеты социальных медиа;
  • виджет веб-шрифтов;
  • комментарии Ajax;
  • и многие другие.

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

Beaver Builder

Еще один удобный и функциональный визуальный редактор, входящий в ТОП-5 самых популярных конструкторов страниц WordPress. Пусть количество активных установок расширения пока измеряется не в миллионах, а в сотнях тысяч, этот плагин также достоин самого пристального внимания. В пользовательском рейтинге на официальном сайте WordPress «бобер» (так переводится с английского «beaver») получил среднюю оценку 4.9 баллов, что также говорит в пользу этого расширения.

У конструктора Beaver Builder есть Live Demo, позволяющее наглядно убедиться в возможностях редактора, а также лайт-версия с ограниченным функционалом. Стоимость же премиальных вариантов достаточно высока: пакет Standard – $99, PRO – $199, Agency – $399.

Beaver Builder, основные сведения:

  • авторы: команда Beaver Builder;
  • официальный сайт плагина: wpbeaverbuilder.com;
  • текущая версия расширения: 2.4.0.5;
  • обновление: менее месяца назад;
  • WordPress, релиз: от 4.6, тестировано до 5.5.1;
  • версия PHP: 5.6 и выше;
  • количество активных инсталляций: более трети миллиона;
  • языки интерфейса: 17 языков, включая польский и украинский;
  • русский интерфейс: нет.

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

Ключевые особенности Beaver Builder:

  • набор виджетов для боковых панелей, вставки видео и аудио, изменения параметров изображений и кнопок, редактирования текста и так далее;
  • готовые шаблоны домашней страницы, внутренних страниц и разделов, лендинга;
  • плагин Beaver Themer Addon;
  • наличие демонстрационной версии Live Demo;
  • работает со всеми типовыми виджетами и шорткодами, а также почти со всеми темами WordPress;
  • добавление кастомных стилей CSS;
  • совместимость с ClassicPress;
  • подробная документация, база знаний онлайн, обучающее видео.

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

Landing Page Builder

Визуальный редактор WordPress Landing Page Builder имеет более узкую направленность. Этот конструктор заточен на создание посадочных страниц. На основе Landing Page Builder на данный момент работает 18689 лендингов.

Landing Page Builder, краткие сведения:

  • разработчик: PluginOps;
  • текущий релиз редактора: 1.4.7.7;
  • количество активных установок: более 10000;
  • обновление: менее недели назад;
  • WordPress: 3.4 – 5.5.1;
  • языки: английский и урду;
  • русская локализация: нет.

Ключевые особенности Landing Page Builder:

  • простой в использовании конструктор drag-and-drop;
  • регулярно обновляемая коллекция шаблонов;
  • аддон формы обратной связи OptIn Form;
  • виджет всплывающих окон OptIn Popups;
  • десятки других модулей для конструктора;
  • совместимость почти со всеми современными темами WordPress (проверено 50+ тем);
  • предварительный просмотр в реальном режиме времени;
  • редактор форм обратной связи Live Form Builder;
  • интеграция с различными сервисами почтовых рассылок;
  • открытый исходный код, API для разработчиков;
  • подробная документация, оперативная служба поддержки.

Бесплатный конструктор Landing Page Builder имеет смысл попробовать, если вам нужна посадочная страница. Для остальных типов сайтов лучше подобрать один из более универсальных конструкторов. Тот же Elementor, WPBakery (Visual Composer), Beaver Builder или Page Builder от SiteOrigin.

CoBlocks для Gutenberg

  • автор: GoDaddy;
  • текущая версия расширения: 2.5.0;
  • количество активных установок: 300000+;
  • WordPress: 5.0 – 5.5.1;
  • PHP: 5.6+;
  • языки интерфейса: 27 языков, в том числе русский.
  • мощный, но легковесный плагин, низкие требования к аппаратным ресурсам;
  • открытый исходный код;
  • бесплатная тема Go theme;
  • модуль меню «аккордеон»;
  • несколько виджетов галерей (Offset Gallery, Stacked Gallery, Masonry Gallery, Collage Gallery, Carousel Gallery);
  • модуль настройки кнопок;
  • блок «Еда и напитки» для общепита и кулинарных блогов;
  • форма обратной связи;
  • блоки GIF, GitHub Gist;
  • виджеты социальных медиа (профили, иконки);
  • блок прайс-листов;
  • интеграция Google Maps;
  • модуль медиа-карт;
  • и многое другое.

Выводы

Несмотря на немалое количество визуальных редакторов контента и страниц на рынке программного обеспечения, для подавляющего большинства пользователей CMS WordPress выбор сужается до пары-тройки вариантов. Нет смысла тратить время на перебор десятков «экзотических» конструкторов. До вас этим занимались тысячи пользователей. И остановили они свой выбор на тех плагинах, у которых количество активных установок исчисляется десятками и сотнями тысяч и даже миллионами. А это те же самые Elementor, WPBakery (Visual Composer), Beaver Builder, Page Builder от SiteOrigin и несколько других.

Для Elementor существует множество плагинов и готовых шаблонов страниц. Лидер рынка по продаже таких наборов — Themforest, где покупаются шаблоны, которые вы видите на подавляющем большинстве сайтов WordPress!

Изучение возможностей плагина

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

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

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

Как только вы привыкнете перетаскивать элементы по странице, вы обнаружите, что это интуитивно понятно!

Большинство параметров настройки, которые вы найдете, основаны на виджетах (элементах), и даже в бесплатной версии их много.

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