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

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

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

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

Затем вернемся к тому, почему мы здесь.

1. Построитель страниц по SiteOrigin

Конструктор страниц от SiteOrigin создан на долгие годы. И за эту «вечность» ему удалось собрать более миллиона активных установок на WordPress.org, что сделало его самым популярным плагином для создания визуальных страниц в этом списке. Хотя SiteOrigin Page Builder немного легче, чем большинство других вариантов в этом списке, он предлагает отличную производительность и множество элементов управления CSS.

Плагин конструктора страниц Siteorigin e1544278344165

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

Откройте для себя также наш 10 WordPress плагины получать пожертвования на свой блог

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

Откройте для себя наш гид по Как правильно добавить код JQuery на WordPress

Параметры стиля SiteOrigin Page Builder будут разочаровывать по сравнению с другими визуальными конструкторами страниц, если вы не знаете CSS. Но если они вам удобны, они на самом деле весьма полезны. Генератор страниц SiteOrigin оставляет за собой смесь HTML-кода и шорткоды.

скачать | Демонстрация | веб-хостинг

2. Elementor

Плагин Elementor WordPress, изначально запущенный в 2016 году, является одним из самых молодых конструкторов страниц в этом списке. Несмотря на поздний старт, Elementor быстро собрал более 1 000 000 активных установок на WordPress.org, что сделало его одним из самых популярных визуальных конструкторов страниц WordPress.

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

Читайте также: 6 плагинов WordPress для добавления автозаполнения форм

Его интерфейс разделен на две основные части, с третьей областью для определенных параметров. Бесплатная версия Elementor предлагает 28 бесплатных виджетов. Pro версия приносит около 30 других виджетов, в общей сложности 58 виджетов в Pro версии.

Смотрите также наш 23 необходимые инструменты для успеха в ведении блога

Бесплатная версия включает в себя около 40 бесплатных моделей, а версия Pro предлагает сотни дополнительных моделей.

 скачать | Демонстрация | веб-хостинг

3. Бобровый конструктор

Beaver Builder уже довольно давно является опорой на рынке визуальных конструкторов страниц. Генерирует чистый код (для конструктор страниц) и популярен среди пользователей и разработчиков. Ему регулярно уделяется внимание в виде новых функций и обновлений.

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

Читайте также: 8 WordPress плагины для перевода вашего сайта или блога

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

Чтобы узнать также: 8 плагинов WordPress для блокировки содержимого сайта

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

скачать | Демонстрация | веб-хостинг

4. WPBakery Page Builder

Еще один премиальный и чрезвычайно популярный конструктор страниц - это WPBakery Page Builder, ранее известный как Visual Composer. Большая часть этой популярности происходит от того факта, что WPBakery Page Builder поставляется с почти 99% тем WordPress ThemeForest. Но факт остается фактом: он используется на очень большом количестве веб-сайтов.

Конструктор страниц wpbakery для плагина wordpress
Как и Divi Builder, WPBakery Page Builder позволяет как визуальное, так и внутреннее редактирование. По сравнению с чем-то вроде Elementor или Divi Builder возможности стиля WPBakery Page Builder немного ограничены. У вас есть хороший контроль над линиями, но варианты стиля для отдельных элементов немного более ограничены. Идите дальше, познакомившись с нашими учебник по Visual composer и Как создать профессиональную веб-страницу с последним

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

Я не уверен, что WPBakery Page Builder обладает уникальными функциями, которые заслуживают особого внимания. Но то, что у него есть огромное сообщество расширений.

скачать | Демонстрация | веб-хостинг

5. Divi Builder

Divi Builder - это высококачественный конструктор страниц, который высоко ценится компанией Elegant Themes. Хотя он обычно используется как часть темы Divi WordPress, Divi Builder также является отдельным плагином, который можно использовать в других темах WordPress.

Диви e1544278044306

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

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

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

Проверьте наш 10 WordPress плагины, чтобы защитить свой блог

Вы можете даже добавить пользовательский CSSпотому что его редактор CSS объединяет базовую проверку и автозаполнение. Одним из критических замечаний Divi Builder всегда было то, что он основан на шорткодах. Это означает, что если вы отключите его однажды, в вашем контенте останется куча шорткодов. Хотя это немного удручает, но теперь стало меньше проблем с такими плагинами, как Shortcode Cleaner.

скачать | Демонстрация | веб-хостинг

Рекомендуемые ресурсы

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

Заключение

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

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

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

...