Сегодня, в эпоху высокой конкуренции в интернете, для продвижения сайта имеет значение всё, каждая мелочь. И дизайн страницы стоит на одном из первых мест. В этой статье мы приведём вам плагины для дизайна сайта на WordPress, которые помогут сделать проект красивее и лучше.
Дизайн сайта влияет на продвижение сайта по трём направлениям:
Удобный плагин, который создаёт спойлеры. Спойлеры - это такие элементы, которые прячут часть текста. Если кликнуть на них, то текст раскрывается. Таким образом можно удобно экономить пространство в длинных статьях, убирая в спойлер текст, который, скорее всего, читателю не понадобится. Кому понадобится, тот сможет развернуть спойлер.
Плагин очень простой в работе. После активации в редакторе записи появляется специальная кнопка. Если кликнуть на неё, то откроется редактор нового спойлера, в котором можно записать текст, выбрать стиль и отметить, будет он по умолчанию раскрыт или закрыт.
BBSpoiler на русском языке и бесплатный. Разработан Flector и имеет более 9 000 установок.
Пожалуй, самый многофункциональный плагин среди всех, которые мы рассмотрим в этой статье. Суть его в том, что он создаёт в WordPress дополнительные новые шорткоды, которые позволяют выводить на страницах и в записях разнообразные элементы дизайна, которые, к тому же, можно настроить по своему усмотрению.
После активации в редакторе появляется новая кнопка, клик по которой открывает все возможные шорткоды, разделённые на категории. Здесь есть заголовки, буквицы, спойлеры, аккордеоны, видео-плееры, изображения, списки, цитаты и много другое.
К плагину есть несколько дополнений, которые расширяют его функционал, а также множество настроек.
Это бесплатный плагин, разработан русскоязычным программистом Vladimir Anokhin, и имеет более 700 000 скачиваний.
Позволяет создавать красивые кнопки. В нём есть множество готовых стилей и иконок. Для кнопок можно задавать свои стили, описания с подсказками, надписи, ссылки.
Плагин на английском языке, но отличается простотой в использовании и имеет понятный интерфейс. После его активации в редакторе появится специальная кнопка, с которой и нужно начинать работу.
Разработан wooprali, установлен более 6 000 раз, совершенно бесплатный.
Плагины для дизайна сайта на WordPress продолжает тот, который создаёт облако меток. В WordPress есть собственный встроенный виджет облака. Однако, он примитивный, выглядит не очень красиво и настроек в нём мало.
Cool Tag Cloud создаёт новый виджет, который выглядит намного красивее встроенного, так же имеет множество настроек стиля и цветов.
Плагин полностью бесплатный и на русском языке. Разработан Flector и имеет более 10 000 установок.
Очень простой плагин, который добавляет во встроенный редактор меню WordPress возможность назначать к пунктам навигации какие-либо иконки. После активации появляется новая опция для добавления иконки. Можно выбрать картинку из готового набора.
Никаких других настроек у плагина нет. Поэтому всё очень просто. Разработан ThemeIsle и имеет более 100 000 активных установок. И, конечно же, он бесплатный.
Это плагин для дизайна сайта на WordPress полезен тем, что помогает создать “липкое” меню. Это такое меню, которое при прокрутке всегда остаётся в поле зрения вверху экрана. Этот приём используется во многих современных темах и он удобен.
К сожалению, нельзя сказать, что этот плагин прост в работе. Кроме этого, использование усложняет отсутствие русского языка. А также он не будет работать сразу после активации, его потребуется настроить. Поэтому рекомендовать его можно только тем вебмастерам, у которых уже есть определённый опыт.
Плагин бесплатный, разработан m.r.d.a, имеет более 30 000 установок.
Если уж и говорить про плагины для дизайна сайта на WordPRess, то среди них обязательно должен быть такой, который позволяет изменить внешний вид активированной темы. SiteOrigin CSS – это как раз один из таких вариантов.
После активации плагина появляется возможность менять элементы темы – шрифты, цвета, размеры, отступы и другие параметры. И, несмотря на английский интерфейс, он интуитивно прост в использовании и понятен – достаточно просто отметить в редакторе мышкой нужный элемент, и изменить его по собственным предпочтениям с помощью панели инструментов. А для профессионалов есть возможность добавлять кастомный CSS для более полного изменения вида дизайна.
Плагин бесплатный, разработан специалистами из SiteOrigin.
Следует признать, что немалую долю своей популярности платформа Wordpress приобрела благодаря визуальным конструкторам страниц (конструкторам с технологией drag-and-drop ). Они значительно упрощают создание сайтов и блогов с уникальным дизайном и являются идеальным решением для начинающего веб-разработчика.
Однако и опытные разработчики все больше обращаются к таким редакторам, поскольку они значительно сокращают время разработки, практически не влияя на эстетическую привлекательность конечного результата.
Существует ряд бесплатных конструкторов страниц, но вы будете чувствовать себя комфортней и уверенней если начнете работать с премиум-версиями – в первую очередь благодаря регулярным обновлениям и качественной техподдержке.
Начать стоит с тем, в которых уже присутствует встроенный drag-and-drop редактор . Вы получите уже готовый продукт с продуманной поисковой оптимизацией и взаимосвязанными элементами в котором, тем не менее, будет заложен немалый потенциал для дальнейшей модернизации.
Ezio исключительно гибкая тема. Любому элементу, начиная с верхнего колонтитула и до самого последнего элемента страницы, можно придать уникальный и неповторимый вид и подобрать цветовую гамму. В комплекте присутствует большое количество всевозможных элементов - богатое главное меню, красивая CSS анимация, параллакс эффект, фоновое видео и др.
Поддерживается работа с популярными плагинами (например Ultimate VC), различными слайдерами и, конечно же, системой электронной коммерции WooCommerce .
Но, несмотря на обилие функций, тема не теряет простоту управления и ясность дизайна. Имеется интересный механизм, позволяющий в один клик запустить сайт, выбрав для начала один из полностью функциональных готовых прототипов, а в дальнейшем адаптировать его под свои потребности.
Стоимость: $59
Изначально в X Theme использовался Visual Composer , но теперь она имеет свой собственный конструктор . Впрочем, возможность использования Visual Composer все равно осталась, так что теперь разработчик имеет дополнительный выбор.
Стоимость: $64
В комплект поставки Beaver Builder входит ряд модулей, расширяющих функциональность сайта. Среди них счетчики посетителей, формы подписки на почтовые рассылки, контактные формы и т.п.
Стоимость: от $99
Конструктор имеет множество полезных шорткодов, фоновое видео , параллакс скроллинг и различные анимационные эффекты.
В общем, при помощи Themify Builder можно создать современный профессиональный сайт, причем работать можно как через front-end, так и back-end.
Стоимость: $39 за плагин
Кроме того, Monstoid имеет 15 дочерних тем для различных типов сайтов и механизм шкурок, который позволяет менять их буквально нажатием одной кнопки.
Отдельно следует упомянуть процесс установки. Во-первых, тема оснащена мощным инсталятором, который делает процесс установки предельно простым и, несомненно, придется по вкусу новичкам. Во-вторых, имеется возможность перед началом установки сохранить все настройки вашего сайта и в случае необходимости вернуть его в первоначальное состояние.
Стоимость: $79
Среди богатого набора всевозможных элементов и функций, особо выделяется лента новостей, что и не удивительно - разработчики из Thrive Themes всегда этим славились.
«Под капотом» этой темы традиционно находится конструктор Thrive builder - исключительно мощный и функциональный.
Это отличная адаптивная Wordpress тема , очень гибкая и легконастраиваемая, с впечатляющей домашней страницей, заготовками landing page и страниц блога , которая позволит воплотить в жизнь самые смелые дизайнерские идеи.
Стоимость: от $49
В состав темы входит более 50 готовых
- от простого блога до корпоративного сайта .
Добавьте сюда более 18 вариантов дизайна
верхнего колонтитула и вы оцените всю невероятную мощь этой темы. Если вам покажется этого недостаточно, то при помощи встроенного конструктора, с поддеркой drag-and-drop
, можно создать свой собственный, абсолютно уникальный дизайн.
Административная панель позволяет контролировать и управлять любым элементом вашего сайта, которых в этой теме предостатчно - несколько вариантов портфолио, 14 различных виджетов, 10 типов сообщений, мегаменю и 1800 иконок.
Стоимость: $59
Как и швейцарский нож, она годится на все случаи жизни, от авторского блога до корпоративного портала или социальной сети на движке BuddyPress или bbPress.
Стоимость: $59
Как и все темы этого разработчика отличается невероятной скоростью работы. Спектр применения Pressive очень широк, однако полный ее потенциал раскрывается в сфере бизнеса и электронной коммерции.
Стоимость: от $49
С комплект поставки входит собственный конструктор страниц Fusion Builder , при помощи которого можно создать свой уникальный дизайн или доработать один из многочисленных шаблонов, входящих в комплект Avada.
Тема полностью совместима с плагином WooCommerce и отлично выглядит на всех дисплеях, в том числе retina.
Стоимость: $59
Вместо фонового видео можно разместить один из нескольких слайдеров с потрясающими анимационными эффектами.
Целый набор различных настраиваемых колонитулов позволит размещать различные меню: с иконками и без, для стационарных и мобильных устройств.
Полная интеграция с платформой WooCommerce позволит создавать эффективные онлайн-магазины.
Стоимость: $59
Помимо встроенного конструктора страниц в ней присутствует еще много необходимых и полезных вещей: замчательные слайдеры Slider Revolution и Flex, свыше 120 шорткодов на все случаи жизни, WYSIWYG-редактор , 10 виджетов, форма контактов, 1900 векторных иконок, кнопки соцсетей и многое другое. А в дополнении к этому 5 готовых цветовых схем и мощная панель управления, позволяющая изменять практически все аспекты вашего сайта.
Стоимость: $59
Снабженная собственным конструктором страниц и мощной административной панелью она позволяет легко и быстро создать сайт или блог совершенно непохожий на другие.
Кроме того, в состав темы входит ряд премиум-плагинов (слайдер Slider Revolution, ценники для онлайн-магазина Go Pricing Table), несколько шаблонов портфолио и различных страниц.
Добавьте сюда поддержку WooCommerce и отличную SEO-оптимизацию и вы поймете, что эта тема однозначно стоит своих денег.
Стоимость: $59
Безусловно, на рынке представлено гораздо больше тем с конструктором страниц , чем представлены в моем обзоре, и вы без труда сможете найти и протестировать их.
По-моему же мнению, лучшим выбором на сегодня является Divi от команды ElegantThemes поскольку она активно развивается, а обновления, в которых появляются новые функции, выходят регулярно. И потом – 87 различных тем за $69 разве не отличное приобретение?!
Основная "фишка", из-за которой мне было интересным попробовать конструкторы страниц для WordPress - это обещание, что для редактирования и построения настраиваемой страницы не надо будет ни одной строки кода или ручного редактирования (чем обычно заняты профи-программисты). Для обычного пользователя такое решение очень заманчиво.
Сегодня мы изучим, насколько удобно пользоваться автоматизированными конструкторами страниц и плагинами, которые позволяют редактировать страницы путем простого перетаскивания элементов на странице (исполнится ли мечта каждого блогера на планете?)
Некоторые из лучших конструкторов предлагают вам легкое создание страниц и форматов вывода для постов, в которые легко можно вставить ваши виджеты и различные элементы, которые сделают такие страницы удобнее для навигации и привлекательнее для интернет-пользователей.
Вот что может включать в себя хорошая интернет-страница сегодня:
Все это за пару кликов мышкой можно добавить практически на любую страницу при помощи современного конструктора страниц, поддерживающего "перетаскивание ". Чтобы определиться, какой из конструкторов вам подойдет, давайте посмотрим на всю предлагаемую палитру популярных плагинов, позволяющих решить эту задачу.
Описание | Демо | Цена: $25
Очень популярный плагин от Code Canyon. У этого плагина довольно богатые возможности создания и настройки новых страниц на сайтах. Среди доступных – не менее 44 структурных элементов и блоков для новых страниц, включая:
Еще здесь есть поддержка шорт-кодов и добавление собственных элементов на страницу с применением Visual Composer.
Каждый элемент, который вы можете добавить к странице, можно настроить с применением целого ряда опций. Правда, есть у этого конструктора и "минус": он тратит слишком много вашего личного времени на тонкую настройку. Так что от вас потребуется немало внимания, тщательности в отборе настраиваемых опций. Подойдет он для создания домашней страницы с расширенной кастомизацией основного контента.
Плагин Drag and Drop Builder от Elegant Themes - еще один очень гибкий инструмент, который можно использовать абсолютно с любой темой WordPress.
После установки этот плагин дает вам набор разных кнопок в редакторе страниц, которые позволяют внедрять различную функциональность в работу страницы и настраивать различные параметры виджетов и блоков. Редактирование здесь возможно простым перетаскиванием элементов.
Основные элементы, которые можно добавить с помощью этого плагина:
Этот плагин идеально подойдет для тех, кто создает домашние страницы с новым типом оформления на основе движка WordPress. Также его можно использовать для конструирования внутренних страниц личного сайта.
Хороший плагин с возможностью редактирования простым перетаскиванием.
Описание | Демо | Цена: $16
После установки он добавляет новую панель меню в редактор постов, и там вы можете переключаться между различными режимами редактирования.
Основные возможности при конструировании новых страниц:
Плагином достаточно легко пользоваться и у него есть ряд хороших "фишек " для расширения стандартных возможностей редактора для постов WordPress.
Если вы не любите избыточных опций и вам нужен базовый конструктор страниц, то для вас подойдет этот плагин.
Это – еще один платный плагин для работы с новыми страницами путем перетаскивания.
Подойдет для разработчиков, создающих как главные, так и внутренние страницы сайтов и вносящих правки в сторонние авторские темы для WordPress.
Описание | Демо | Цена: $30
В поставке с плагином идет 20 виджетов + возможности для добавления и редактирования следующих структурных элементов:
После установки плагин добавляет к редактору постов и страниц новую вкладку, что позволяет легко переключаться между различными режимами визуального редактирования контента и новых материалов на сайте.
Здесь также есть набор простого добавления и перетаскивания виджетов по странице при помощи мышки или тачпада.
Подойдет этот плагин для создания постов и страниц, насыщенных контентом и различными виджетами.
А это – бесплатный плагин для конструирования страниц в WordPress от Site Origin , позволяющий создавать страницы с "резиновой" версткой и перемещать элементы на странице, не прибегая к редактированию кода.
После установки в редакторе постов появится новая вкладка, рядом визуальным и текстовым режимом работы в редакторе.
Работая в таком режиме, вы сможете добавлять и перетаскивать виджеты, добавлять показ недавних постов, управлять виджетами для всех установленных тем, подключать и отключать различные кнопки и слайдеры. Этот плагин не может тягаться по возможностям с платными аналогами, но зато довольно прост и удобен в повседневной работе для большинства сайтов.
Еще один бесплатный плагин-конструктор , который довольно популярен в каталоге плагинов на WordPress.org.
За основу здесь взят привычный интерфейс WordPress с меню для создания авторских виджетов для любого, кто хотя бы раз работал в режиме создания и редактирования новых постов и страниц.
Aqua Page Builder использует стандартный "drag and drop " для всех инструментов по добавлению новых опций вывода контента и новых структурных элементов на страницах и в постах.
С базовыми задачами этот плагин отлично справляется. Есть тут и опция создания шаблонов для последующего применения типовых схем размещения блоков и виджетов на новых страницах и в новых постах. Плагин идеально подойдет для создания серийных страниц и постов с одинаковым оформлением и небольшими различиями в визуальной структуре.
Среди доступных для размещения виджетов вы найдете:
Среди всех плагинов, о которых мы тут говорили сегодня, наибольшим набором свойств и инструментов в базовой поставке оснащен Visual Composer – что хорошо сочетается и с ценой, и с качеством. Выбор же в пользу конкретного плагина для конструирования новых страниц также надо сочетать с тем, какой у вас контент и как вы считаете необходимым его оформить.
Впрочем, если у вас уже есть WordPress-сайт с большим количеством качественного контента, тогда выбирайте конструктор по своему вкусу и кошельку. И не забудьте рассказать о своем опыте в комментариях, как обычно.
Если вы давно пользуетесь WordPress, вы знаете, как важно иметь уникальный сайт, и это особенно отражается на страницах вашего блога, особенно на главной странице, которая является первой. они обычно видят.
Поэтому существуют десятки плагинов WordPress, которые могут помочь вам создать домашние страницы по своему вкусу в WordPress. Мы облегчаем вам задачу, предлагая вам список создать персональную домашнюю страницу в своем блоге WordPress.
Но прежде чем начать, найдите время, чтобы взглянуть на , .
Тогда вместе узнайте наш список.
«All In One Slider» - это плагин-слайдер WordPress, который предоставляет вашему блогу 5 типов баннеров: вращающийся баннер, миниатюрный баннер, баннер со списком воспроизведения, слайдер контента, карусель.
Этот плагин позволяет легко создавать удивительные слайдеры с анимированным текстом, используя стандартные теги HTML.
Его функции включают в себя: совместимость с сенсорными экранами, 3 предустановленных темы, 16 эффектов перехода фотографий, анимированный текст с любого направления: вверх, вниз, влево и вправо. CSS и HTML форматы, автоматические настройки чтения и многое другое.
Это плагин очень прост в установке и использовании.
Revolution Slider - это инновационный и отзывчивый плагин WordPress для карусели, который прекрасно отображает ваш контент. Будь то слайдер или карусель, позволит вам рассказать, например, историю вашей компании, выделить ваши лучшие продукты, ваши лучшие статьи и многое другое
Его особенностями являются: превосходный интерфейс создания слайдов, дизайн слайдов в виде слайдов и капель, полностью адаптивный макет, поставляется с почти графикой 340, множеством предлагаемых шаблонов слайд-шоу, совместимостью с большинством тем WordPress, отличной поддержкой клиентов, поддержкой сенсорных экранов, документация и видео уроки доступны и многое другое.
Этот плагин позволяет создавать , динамически и легко настраивать их, добавляя виджеты в уже знакомый интерфейс WordPress.
Вы можете назначить пользовательские области виджетов любой теме в своем блоге WordPress. Вы даже можете разместить их внутри содержимого страницы или статьи, просто используя шорткоды.
Не стесняйтесь консультироваться
Пользовательские типы публикаций и пользовательские таксономии также поддерживаются этим плагином.
«Widgetized StickyBar» - это плагин, который позволяет добавлять настраиваемую панель виджетов на любую страницу вашего блога WordPress.
Как следует из названия, панель содержит области виджетов, в которые можно поместить любой виджет, доступный на панели управления WordPress.
Как администратор, вы решаете, куда вставлять панель: сверху, снизу, слева или справа. Вы также можете настроить размер, цвет, непрозрачность, количество столбцов и другие параметры липкой панели.
Откройте для себя тоже
«Widgetized StickyBar» идеально подходит для расширения функциональности вашего сайта WordPress.
Самый загружаемый слайдер на CodeCanyon, Royal Slider, обладает неотразимыми возможностями. Этот плагин для WordPress, используемый такими разными компаниями, как Coca-Cola, Ralph Lauren и Land Rover, делает практически все, что вы ожидаете от слайдера.
Его наиболее привлекательной особенностью является встроенная поддержка полноэкранного режима, которая идеально подходит для отображения фотографий с высоким разрешением.
Этот плагин, несомненно, поразит ваших посетителей своими профессиональными функциями, такими как: возможность создания нескольких слайдеров с разными стилями на странице, поддержка сенсорной навигации, адаптивный дизайн, вертикальные или горизонтальные миниатюры, маркеры или вкладки для навигации. и т.д...
Одним из самых популярных типов виджетов WordPress является виджет погоды, а одним из наиболее надежных и ориентированных на время решений является плагин Astero WordPress Weather Plugin. Это позволяет отображать прогноз погоды для местоположения по умолчанию или местоположения на основе IP-адреса посетителя.
Это идеальное дополнение для сайтов электронной коммерции и общественных сайтов.
«One Page Builder» - это невероятный инструмент для создания страницы за несколько минут в вашем блоге WordPress.
В частности, он позволяет создавать неограниченные персонализированные целевые страницы с множеством функций.
Это многофункциональное расширение WordPress, которое предлагает полный контроль над , содержимое страницы, и виджеты (включая области виджетов) в вашем блоге. Благодаря этому у вас есть широкий спектр возможностей для персонализации вашей домашней страницы.
Пытаетесь решить, какой конструктор страниц лучше для вашего сайта?
Я приступил к изучению восьми различными конструкторов страниц для WordPress, чтобы помочь вам принять решение. Да — я использовал каждый из них — это не просто список, основанный копипасте с официальных страниц.
Я собираюсь объективно сравнить эти восемь конструкторов в пяти категориях:
Вот восемь конструкторов которые мы рассмотрим.
А в конце будет сравнительная таблица.
Первоначально запущенный в 2016 году, Elementor является одним из самых молодых конструкторов страниц в этом списке. Но даже при позднем старте Elementor быстро собрал более 800 000 активных установок на WordPress.org, что делает его одним из самых популярных.
Его претензия на славу — быстрый визуальный интерфейс без проблем, гибкие варианты стилизации и другие мощные функции, такие как полное построение тем.
Цена: Есть бесплатная версия. Версия Elementor Pro начинается с $ 49 за использование на одном сайте.
Интерфейс Elementor разделен на две основные части, с третьей областью для некоторых более мелких настроек:
Например, рассмотрим, как вы можете перетащить текстовый виджет, а затем просто начните вводить текст на странице (встроенное редактирование), чтобы его изменить:
В бесплатной версии Elementor включает 28 бесплатных виджетов. И вы также можете использовать все основные виджеты WordPress. Версия Pro добавляет еще ~ 30 виджетов, что дает вам в общей сложности 58 виджетов в версии Pro:
Бесплатная версия также поставляется с ~ 40 бесплатными шаблонами. И версия Pro добавляет сотни дополнительных шаблонов.
Шаблоны бывают двух форматов:
Так же, уже появляются отдельные библиотеки с сторонними виджетами и шаблонами для Elementor.
Когда вы нажимаете на любой раздел, столбец или виджет, Elementor предлагает три вкладки стиля в левой боковой панели.
Точные параметры зависят от того, какой элемент вы редактируете, но, как правило, Elementor предлагает один из самых глубоких наборов параметров стиля в сравнении с другими конструкторами страниц.
Помимо базовых материалов, таких как цвета, фон и типография, вы также можете управлять более расширенными настройками, такими как:
Если вы дезактивируете Elementor, он оставляет чистый код. Например, если у вас есть заголовок
Beaver Builder довольно долгое время был на рынке конструкторов страниц. Он выводит чистый код(для конструктора страниц), популярен как для конечных пользователей, так и для разработчиков, и получает регулярное внимание за счет новых функций и обновлений.
Также есть некоторые официальные дополнения, с которыми вы можете добиться большей гибкости — в частности, дополнительная тема Beaver Builder и расширение Beaver Themer.
Цена: Ограниченная бесплатная версия. Начинается с $ 99 за использование на ограниченных сайтах.
Beaver Builder предлагает уникальный интерфейс для своего внешнего визуального конструктора. Вы делаете большую часть своей работы с боковой панели справа. Но эти параметры боковой панели появляются только при нажатии кнопки на верхней панели, поэтому в любое время можно просматривать страницу в полноэкранном режиме:
Честно говоря, использование встроенного редактирования со всплывающим меню немного неудобно. Но вы можете легко привязать редактор к боковой панели, чтобы исправить это.
В бесплатной версии Beaver Builder дает вам доступ только к 6 модулям, хотя вы также можете использовать стандартные виджеты WordPress.
Премиум-версия, с другой стороны, дает вам доступ к 30 модулям. Они также являются модульными, поэтому вы можете включать или отключать их по мере необходимости.
В премиум-версии вы также получаете доступ к ~ 56 страницам шаблонов, а также возможность сохранять свои собственные проекты в качестве шаблонов.
Чтобы создать свои модули и разделы, вы можете:
Точные параметры зависят от модуля, но, как правило, Beaver Builder дает вам довольно хороший контроль над вашими элементами, включая настраиваемые интервалы и гибкие элементы управления.
И Beaver Builder также предлагает очень уникальный переключатель, который позволяет показывать или скрывать отдельные модули на основе того, авторизировался ли пользователь в системе:
Хотя уникальные функции хороши, я считаю, что цена за них высокая.
Как и Elementor, Beaver Builder оставляет 100% чистый код с правильным форматированием HTML.
Divi Builder — популярный конструктор от разработчика премиальных тем Elegant Themes. Хотя он чаще всего используется как часть темы Divi, Divi Builder также является автономным плагином, который вы можете использовать и с другими темами.
В отличие от предыдущих двух конструкторов страниц, Divi Builder позволяет редактировать ваш контент, используя как внешний интерфейс, так и интерфейс административной панели, хотя большинство пользователей, вероятно, предпочтут визуальный интерфейс.
Цена: Доступен в рамках членства в Elegant Themes за $ 89
Внутренний(backend) интерфейс Divi Builder выглядит так:
Но большую часть времени вы будете использовать внешний интерфейс интерфейса. Divi Builder определенно уникален. Я лично не фанат, но я знаю много людей, которые любят его.
В принципе, вместо любого типа боковой панели все всплывающие окна и плавающие кнопки. Вы можете увидеть пример добавления модуля ниже:
Как и в предыдущих двух конструкторов страниц, вы также можете использовать встроенное редактирование текста прямо на странице:
Divi Builder включает в себя 46 модулей, которые вы можете использовать для создания ваших проектов:
Вы также получаете доступ к массивным 316 заранее построенным шаблонам, разбитым по 40 различным макетам, а также есть возможность сохранять свои собственные проекты в качестве шаблонов:
Как и Beaver Builder, Divi Builder позволяет вам стилизовать элементы из всплывающего окна, которое можно, при желании, вывести в сторону.
Одной из отличительных черт Divi всегда было то, насколько он управляет стилем. На трех разных вкладках вы можете настроить различные параметры, включая гибкие элементы управления, пользовательский интервал и многое другое.
Вы даже можете добавить пользовательский CSS к основному элементу или до/после основного элемента. Редакторы CSS даже включают базовую проверку и автозаполнение! И вы также можете открыть подборщик цветов прямо из редактора:
В целом, Divi Builder действительно продвигает границы с помощью своих вариантов стилизации — это хорошие функции.
Одна из критических замечаний Divi Builder всегда заключалась в том, что он основан на шорткодах. Это означает, что если вы когда-нибудь отключите его, он оставит позади кучу коротких кодов в вашем контенте.
В то время как это немного сбивает, это сейчас не проблема, когда существуют плагины, такие как Shortcode Cleaner. Вы потеряете форматирование — токое как тег
Конструктор страниц Thrive Architect — обновленная версия того, что было когда-то Thrive Content Builder. Новый интерфейс имеет много общего с интерфейсом Elementor, который вы увидите через секунду.
Хотя любой может использовать его, он особенно популярен среди блоггеров и маркетологов из-за его концентрации на коэффициентах конверсии. И одна из вещей, которые мне лично нравятся в Thrive Architect, заключается в том, что ее стиль по умолчанию выглядит довольно неплохо прямо из коробки.
Цена: от 67 $
Как я уже сказал, вы увидите некоторые общие черты между интерфейсом Thrive Architect и интерфейсом Elementor (Elementor пришел первым, на случай, если вам интересно):
Это то же, вы видели выше:
Одна уникальная вещь — селектор палитры, когда вы нажимаете на вложенный элемент. Эта функция действительно очень удобна, когда вы хотите быстро перейти между элементом и разделом:
И Thrive Architect также предлагает истинное встроенное редактирование текста. На самом деле, Thrive Architect имеет самые удобные встроенные функции редактирования по сравнению с другими конструкторами страниц, на мой взгляд:
Thrive Architect предлагает 40 различных виджетов, в том числе некоторые аккуратные, такие как вечный таймер обратного отсчета.
Thrive Architect также включает сотни шаблонов, разделенных на ~ 36 «наборов». И вы также можете сохранить свои собственные образцы в качестве шаблона.
Thrive Architect отличается от Elementor в том, как он управляет стилем. Вместо того, чтобы давать вам вкладки, Thrive Architect включает все в одном столбце.
Параметры стиля довольно детализированы и включают в себя гибкие элементы управления и пользовательске отступы:
Вы также можете добавить свой собственный CSS на уровне страницы. Для отдельных элементов вы можете назначать только классы CSS или идентификаторы.
Одна интересная функция — это возможность настроить страницу. Они позволяют отображать всплывающее окно лайтбокса на основе определенных триггеров:
И еще одна интересная вещь — насколько хорошо он интегрируется с другими продуктами Thrive Themes. Например:
Thrive Architect оставляет 100% чистый код, как например Elementor и Beaver Builder.
Конструктор страниц SiteOrigin Page Builder кажется что существовал всегда. И в этом «всегда» ему удалось собрать более 1 миллиона активных инсталляций на WordPress.org, что делает его самым популярным плагином для компоновки страниц, указанным в этом обзоре.
Хотя SiteOrigin Page Builder является немного более легким, чем большинство других конструкторов в этом списке, он предлагает отличную производительность и массу полезных элементов управления CSS.
Цена: Бесплатно. Пакет SiteOrigin Premium начинается с 29 $
SiteOrigin имеет два интерфейса, которые вы можете использовать для создания своего дизайна.
У вас есть оригинальный редактор бэкэнд:
Вы можете перетаскивать блоки вокруг или щелкнуть по определенному блоку, чтобы отредактировать его.
Этот редактор дает вам больше возможностей для работы, но ему не хватает какого-либо вида предварительного просмотра.
Если вам нужен предварительный просмотр в прямом эфире, SiteOrigin Page Builder добавил режим live-редактора:
Это не то же самое, что у других конструкторов страниц в этом списке, потому что вы не можете перетаскивать элементы в предварительном просмотре, в реальном времени. Но это также больше, чем просто предварительный просмотр вашего дизайна, потому что есть некоторая интерактивность между абстрактными полями слева и предварительным просмотром в реальном времени.
Например, вы можете навести курсор на поле в режиме предварительного просмотра, а соответствующий бокс на боковой панели также отобразит выделение. Вы также можете щелкнуть элемент в режиме предварительного просмотра, чтобы открыть его настройки:
Помимо основных виджетов WordPress, SiteOrigin Page Builder также предлагает бесплатный плагин Widgets Bundle, который добавляет модульный набор из 23 виджетов, которые вы можете использовать. Он также включает ~ 25 предварительно построенных шаблонов, которые вы можете использовать, хотя это довольно скудно по сравнению с другими конструкторами страниц.
Параметры стиля SiteOrigin Page Builder будут разочаровывать по сравнению с другими разработчиками страниц, если вы не знаете CSS. Но если вам удобно использовать свой собственный CSS, они на самом деле очень полезны.
Помимо добавления классов CSS и идентификаторов, вы также можете напрямую добавлять CSS к отдельным элементам, включая раздел для CSS только для мобильных устройств:
Вы также получаете множество опций стиля, отличных от CSS, — но не так много, как в других плагинах. Если вы разработчик, планирующий использовать свой собственный CSS, вы, вероятно, можете поставить плагину 5 для этой категории. Но я сбиваю его до 3, потому что я думаю, что он не подходит для обычных пользователей.
SiteOrgin Page Builder довольно легкий, но вы получаете базовый конструктор постов в пакете SiteOrigin Premium.
SiteOrigin Page Builder оставляет за собой сочетание чистого HTML и коротких кодов. То есть некоторые из виджетов, как текстовый редактор, оставляют чистый HTML-код, в то время как другие — как виджет кнопки — оставляют короткие коды.
WPBakery Page Builder, ранее известный как Visual Composer, является еще одним массово популярным конструктором премиум-страниц. Большая часть этой популярности исходит из того факта, что WPBakery Page Builder связан с 99% тем в ThemeForest. Но факт остается фактом: он используется на огромном количестве сайтов.
Как и Divi Builder, WPBakery Page Builder дает вам как визуальное редактирование, так и редактирование в административной пенели.
Вы можете использовать интерфейс административной панели, если хотите:
Но я думаю, что большинство людей будут счастливее на лицевой стороне, которая выглядит так:
Вы вставляете новые элементы и стилизуете их с помощью всплывающих окон — нет области боковой панели и нет встроенного редактирования.
Лично я не поклонник такого подхода, но некоторым нравится это, потому что нет ничего, что могло бы помешать просмотру вживую, когда у вас нет всплывающего окна.
WPBakery Page Builder предлагает 39 элементов, а также всех обычных виджетов WordPress. Некоторые из этих элементов будут объединены в другом конструкторе страниц, однако, поэтому фактическое число больше похоже на ~ 33:
Вы также получаете ~ 86 шаблонов. Некоторые шаблоны представляют собой полные страницы, а другие — просто разделы.
По сравнению с чем-то вроде Elementor или Divi Builder параметры стиля WPBakery Page Builder немного ограничены.
У вас есть хороший контроль над строками:
Но варианты стилизации отдельных элементов ограничены.
Если вы хотите использовать свой собственный CSS, вы можете добавить собственный класс или идентификатор CSS к отдельным элементам или добавить фактические стили на уровне страницы:
Я не уверен, что WPBakery Page Builder обладает особенно заметными уникальными функциями. Но то, что у него есть, — это массовое сообщество сторонних разработчиков. В то время как многие другие разработчики страниц имеют сторонние надстройки, WPBakery Page Builder уникален в количестве, которое содержит более 250+ надстроек.
Как и Divi Builder, WPBakery Page Builder оставляет за собой недостаток шорткодов в вашем контенте, если вы его деактивируете.
Themify Builder — это, что неудивительно, предложение компании Themify. Theimify связывает его со многими своими темами, чтобы предоставить клиентам легкие настройки. Но вы также можете приобрести его как отдельный плагин и использовать его с любой темой.
Цена: Бесплатная lite версия. Pro начинается с $ 39 или $ 59 (в зависимости от надстроек)
Подобно Divi Builder и WPBakery Page Builder, Themify Builder позволяет создавать ваши проекты с использованием интерфейсов как на внутреннем(бэкэнд), так и на визуальном(фронтэнд) интерфейсах.
Интерфейс бэкэнд выглядит следующим образом:
Но опять же, большинство людей, вероятно, захотят использовать визуальный интерфейс, который работает так:
Нет встроенного редактирования — вам нужно будет отредактировать текст во всплывающем окне:
Themify Builder предлагает 21 модуль, а также все обычные виджеты WordPress.
Вы также получаете ~ 143 полностраничных шаблонов, а также меньшее количество секций, которые в основном представляют собой готовые разделы.
Если вы нажмете на какой-либо элемент, вы получите четыре разных вкладки, чтобы помочь стилизировать его:
Еще одна приятная вещь заключается в том, что Themify Builder позволяет настраивать ваши отзывчивые точки остановки.
Одна интересная вещь в Themify Builder заключается в том, что она по-прежнему позволяет использовать обычный редактор WordPress, тогда как другие разработчики страниц заставляют вас использовать интерфейс конструктора страниц для всего. Содержимое Themify Builder помечено в редакторе WordPress, чтобы вы могли размещать контент вокруг него:
Theimify Builder значительно улучшился в отношении блокировки. Теперь, если вы деактивируете его, он оставляет ваш контент позади с чистым HTML.
Запущенный в апреле 2018 года, Brizy на сегодняшний день является «самым молодым» конструктором страниц в этом списке. Но он исходит от известного разработчика — ThemeFuse — и быстро собрал 9 000 активных установок. Кроме того, он просто предлагает уникальный подход к некоторым частям построения страниц, что делает его интересным предложением.
Brizy — исключительно визуальный конструктор страниц.
Чтобы создать свою страницу, сначала нужно добавить блок. Вы можете использовать пустой блок, или вы можете выбрать из готовых блоков секций:
Часть «уникальный интерфейс» — это то, что происходит, когда вы начинаете добавлять элементы. Вместо того, чтобы иметь боковую панель или всплывающее окно, где вы настраиваете/стилизуете элемент, почти все происходит внутри (включая ввод текста).
Посмотрите, что я имею в виду:
Результатом является очень быстрый способ создания страниц.
Сейчас Brizy предлагает 17 элементов. Это число мало, но Brizy все еще нова, поэтому, надеюсь, он со временем увеличивается.
Он также включает более 150 блоков(шаблонов), которые вы можете использовать.
Из-за того, как работает интерфейс Brizy, нет установленной формулы для изменения параметров стиля, таких как у других конструкторов страниц.
Вы можете расширить боковую панель для расширенных настроек, таких как интервалы и настраиваемые элементы управления:
Вы также можете добавить базовый стиль на уровне страницы, чтобы вам не пришлось вручную редактировать каждый отдельный элемент:
Но большую часть времени вы будете использовать встроенные элементы управления для стилизации ваших элементов, что даст вам хороший контроль.
Интерфейс Brizy уже довольно уникален. Но команда работает над версией Brizy Pro, которая добавит:
Оценка основана на предположении, что эти функции действительно будут выпущены.
Brizy оставляет позади в основном чистый HTML-код, если вы его деактивируете. Но он по-прежнему оставляет кучу divs с Brizy CSS-классами в коде, что немного расстраивает отступы и требует очистки.
Итак, какой из этих восьми разработчиков страниц вы должны выбрать? Ну, вот как складываются счета (по порядку):
Конструктор страниц | Итог (25 Максимум) | Интерфейс | Виджеты/Шаблоны | Стилизация | Доп. функции |
Деактивация плагина |
Elementor | 25 | 5 | 5 | 5 | 5 | 5 |
Beaver Builder | 23 | 5 | 4 | 5 | 4 | 5 |
Divi Builder | 22 | 4 | 5 | 5 | 5 | 3 |
Thrive Architect | 22 | 5 | 4 | 5 | 3 | 5 |
Brizy | 21 | 5 | 3 | 5 | 4 | 4 |
Themify Builder | 18 | 3 | 3 | 4 | 3 | 5 |
WPBakery Page Builder | 15 | 3 | 3 | 3 | 3 | 3 |
SiteOrigin Page Builder | 14 | 3 | 2 | 3 | 2 | 4 |
Если вы ищете лучшее решения цена/функции, вот еще одна таблица, сравнивающая оценку с параметрами ценообразования:
Пишите в комментариях, какой конструктор сайтов Вы используете, и почему выбрали именно его.