Лучшие бесплатные плагины WordPress для создания страниц по сравнению с 2021 годом

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

Доступные элементы

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

Варианты укладки

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

Шаблоны

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

Заключительные мысли о Гутенберге

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

Elementor — самый популярный бесплатный плагин для создания страниц.

Скачать

Elementor — самый популярный конструктор страниц в репозитории WordPress.org. Фактически, это один из самых популярных плагинов WordPress . На данный момент в репозитории всего 7 плагинов, у которых более 5 миллионов установок. И Elementor — один из таких суперпопулярных плагинов. Имея так много пользователей, Elementor удалось сохранить впечатляющий 5-звездочный рейтинг из 5465 отзывов.

Интерфейс Элементора

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

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

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

Доступные элементы

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

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

Варианты укладки

Вы впервые установили Elementor на свой сайт? Я рекомендую сначала настроить типографику . Вы можете найти их на Панели настроек редактора Elementor > Гамбургер-меню > Настройки сайта. После этого вы можете выбрать их в любом добавленном вами виджете, что ускорит ваш рабочий процесс.

Есть много вариантов, которые вы можете использовать, чтобы стилизовать каждый элемент по своему вкусу. Хотя настроек много, в них легко разобраться . Даже если вы не уверены, что делает параметр, вы можете с уверенностью попробовать его и отменить изменение, если оно вам не понравится. Хотя есть много вариантов стилей, было несколько вещей, которые я не смог установить. Например, высота строки может быть только в пикселях или em. Я бы хотел просто установить его на 1,5, но я не мог. Пользовательский вариант предоставления CSS был бы обходным путем для этого. Но эта опция доступна только в Elementor Pro.

Шаблоны

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

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

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

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

Заключительные мысли об Elementor

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

Beaver Builder — один из лучших бесплатных плагинов для создания страниц WordPress.

Скачать

Beaver Builder — еще один популярный бесплатный плагин для создания страниц WordPress . Он поддерживает более 300 000 веб-сайтов и имеет впечатляющий 5-звездочный рейтинг на WordPress.org из 342 отзывов. Итак, многие люди используют и любят этот плагин. Давайте посмотрим, что такое шумиха!

Интерфейс Beaver Builder

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

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

Доступные элементы

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

Вы можете использовать текстовый редактор для создания заголовков, чтобы вы могли правильно структурировать свой контент. Что еще расстраивает, так это отсутствие модуля кнопок , по крайней мере, в версии Lite. Это облом, потому что CTA играет важную роль в конверсии веб-сайта. Конечно, если у вас есть знания в области кодирования, вы можете создавать кнопки с помощью модулей HTML или текстового редактора. Но давайте посмотрим правде в глаза: если бы вы хотели написать код для кнопки, вы бы не использовали компоновщик страниц.

Варианты укладки

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

Шаблоны

Многие плагины WordPress предлагают быстрый доступ к некоторым шаблонам, которые пользователи могут использовать для быстрого старта. Это полезно для тех, кто плохо знаком с плагином, или не имеет особых знаний о дизайне, или у кого мало времени. В Beaver Builder шаблоны доступны только после покупки платного плана . Таким образом, пользователи бесплатного плагина не смогут импортировать какие-либо шаблоны.

Заключительные мысли о Beaver Builder

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

Brizy — инновационный бесплатный плагин для создания страниц

Скачать

Brizy — относительно новый плагин , выпущенный в апреле 2018 года. Рынок плагинов для конструктора страниц полон крупных рыб, таких как Elementor или Beaver Builder. На платном фронте есть такие плагины, как Divi или Visual Composer. Таким образом, новые плагины должны предлагать что-то большее, что-то новое, чтобы привлечь пользователей. А это непростая задача.

Тем не менее, Brizy удалось завоевать доверие более 60 000 человек всего за два года. Кроме того, он обещает предложить новый и интуитивно понятный способ визуального создания страниц . Мне любопытно посмотреть, сможет ли этот бесплатный конструктор страниц WordPress сдержать свое обещание.

Интерфейс Бризы

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

В Brizy по умолчанию встроено редактирование текста , что очень удобно. На самом деле решение Бризи кажется таким же естественным, как и решение Гутенберга. И это большое достижение. Я протестировал Elementor, который также имеет встроенное редактирование, но он не такой плавный.

Доступные элементы

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

Варианты укладки

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

Шаблоны

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

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

Заключительные мысли о Бризи

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

Сравнение скорости лучших бесплатных конструкторов страниц WordPress

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

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

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

Среда тестирования

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

Сначала я провел тест скорости на странице примеров WordPress, чтобы дать вам представление о скорости темы Hello Elementor. Скорость интернета, используемая для тестов, составляла 10 Мбит/с.

Результаты теста скорости

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

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

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

Если вы все еще не решили, какой плагин выбрать, вот как складываются баллы (по порядку):

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

Цены

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

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

Однако есть премиум-версии Elementor, Brizy и Beaver Builder. Вы можете выбрать один из следующих вариантов ценообразования:

Что еще вы получите, купив премиальный плагин?

• Elementor: вы получаете еще 50 виджетов для сборки. Кроме того, более 300 шаблонов и более 10 полных наборов веб-сайтов. Theme, WooCommerce и Popup Builder также доступны в одном из платных планов.
• Beaver Builder: каждый пакет Beaver Builder отличается. В самом дешевом плане вы получаете премиум-модули и шаблоны, а также профессиональную поддержку. Кроме того, в среднем пакете вы получаете Beaver Themer и совместимость с несколькими сайтами. Более того, самый высокий пакет предлагает White Labeling.
• Brizy : Pro-версия Brizy дает вам доступ к более чем 250 премиальным дизайнам. Вы также можете получить доступ к Brizy Cloud, откуда вы можете получить потрясающие новые шаблоны.

Последние мысли

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

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

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