Конструктор WP Page Builder от А до Я


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

WP Page Builder – это бесплатный визуальный конструктор страниц веб-сайта, построенного на WordPress. Этот плагин позволяет создавать с нуля страницы сайта или редактировать старые. Независимо от того, профессиональный вы разработчик или только новичок, WP Page Builder поможет быстро сделать веб-сайт, ведь для этого не нужны навыки в программировании или знание кода. Расширение WordPress имеет рейтинг в 4,5 звезды и более 10 тысяч пользователей по всему миру. Но важно знать, что именно пользователям понравилось во время работы с дополнением:

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

Безграничные возможности для воплощения фантазий

Если вы искали тот инструмент, при помощи которого можно воплотить все идеи на странице, WP Page Builder – то, что нужно. Расширение имеет очень большое количество вариантов дизайна – множество встроенных макетов страниц, дизайнерские блоки, которые адаптированы под макеты, а также много других элементов, которые вы откроете для себя во время использования продукта. Большинство пользователей, которые работали с WP Page Builder, хорошо отзываются о своем опыте использования этого расширения.

Сайт за пару дней

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

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

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

Сайт WordPress без программирования

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

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

Настройки стилей шрифтов

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

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

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

Готовые макеты страниц и встроенные блоки

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

Помимо нереально красивых и практичных шаблонов, WP Page Builder дает большое количество готовых элементов сайта. Всего есть шесть предустановленных блоков:

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

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

Специальные надстройки (аддоны)

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

Плагин поставляется со следующими типами надстроек для сайта:

  • добавление кастомной формы. Позволяет создавать кастомные формы с наполнением, которое выберите вы самостоятельно. С дополнением можно настроить любую форму, используя исключительно возможности WP Page Builder. Благодаря встроенной функции создания форм обратной связи, больше вообще не нужно устанавливать какие-либо дополнительные плагины, предназначенные для этого(то есть, отпадает необходимость в Contact Form 7 и прочих подобных модулях). Также этот аддон позволяет включать reCaptcha;
  • карусель. Вы можете добавить на страницы своего сайта потрясающий слайдер с различными элементами (на слайдах можно размещать кнопки, текстовые блоки, разнообразные картинки и множество других элементов);
  • аккордеон. Аддон позволяет установить на сайт аккордеон, который можно быстро оптимизировать под потребности сайта и кастомизировать в соответствии с дизайном. Этот аккордеон можно применить для блока с частыми вопросами и ответами или же использовать для своих целей;
  • поле предупреждения. Если вам нужно предупредить пользователей сайта о чем-то важном, можно использовать поле для предупреждения. Оно полностью настраивается и имеет место для заголовка и самого сообщения;
  • анимированные номера. На многих сайта статистика в числах анимируется. Этот красивый эффект можно сделать при помощи одного из аддонов WP Page Builder. Функция также легко настраивается и может принимать значения, которые вы зададите;
  • сетка сообщений. Позволяет отобразить блок с сообщениями, где вы можете настроить такие параметры, как: количество сообщений, размер сетки, цвет и другие параметры внешнего вида;
  • кнопки. Если на сайт нужно добавить уникальные кнопки, стоит использовать эту надстройку. Она позволит сделать уникальные кнопки для любой части страницы;
  • группы кнопок. Несколько кнопок можно объединить в одну группу. При этом каждый элемент группы можно стилизовать отдельно;
  • флип-бокс. На многих интернет-ресурсах есть специальные карточки – флип-боксы. Они имеют две поверхности: на одной размещается изображение, заголовок и текст (зависит от того, что хочет заказчик), а на другой – кнопка какого-либо действия. По умолчанию показывается сторона с картинкой, а кнопка действия спрятана. При нажатии, карточка переворачивается и отображается уже другая сторона – с призывом к действию. Аддон позволяет добавить такую карточку на ваш сайт. С его помощью вы можете настроить все параметры флип-бокса и задать свои стили;
  • расширение включает в себя большое количество разнообразных шрифтовых иконок от FontAwesome и IcoFont. Это значит, что вы получаете множество иконок в очень высоком качестве, которые можно использовать на сайте;
  • работа с изображениями. Вы можете вставлять в изображения заголовки и подписи, а также и ссылки, если это необходимо;
  • эффекты при наведении. На изображение можно поставить эффект при наведении, а также привязать к нему любое необходимое действие;
  • профиль. Плагин позволяет добавлять на сайт страницы с профилем человека. На ней можно указать имя и фамилию этого человека, а также его возраст и ссылки на социальные сети;
  • карусель со ссылками на профили людей. Если вам нужно красиво отобразить ссылки на страницы с профилями, можно сделать это при помощи простой, но стильной и элегантной карусели;
  • Pie Progress. Если у вас есть блоки с навыками или статистикой, то лучший способ их отобразить – круговые диаграмм. Настройка такой диаграммы не займет много времени и не вызовет трудностей, зато поможет максимально красиво показать ваши умения;
  • прогресс-бар. Показатель прогресса можно также отобразить и в виде полоски загрузки. Эта полоска достаточно просто кастомизируется и настраивается;
  • таблица цен. Если на своем сайте вы что-то продаете, то надстройка Pricing Table будет невероятно полезной. Это один из самых простых и удобных способов для того, чтобы отобразить цены на все продукты, которые вы продаете. Размер самой таблицы, цвета, шрифты и другие параметры настраиваются точно также как и другие элементы страницы – без необходимости писать код;
  • интеграция HTML. На многих ресурсах для программистов или в блогах на тематику веб-разработки могут понадобиться поля для отображения html кода. Это обычно бывает нужно, чтобы показать какой-то урок или разбор. Для подобных целей вы можете использовать специальные поля для html, чтобы код не выполнялся на странице, а отображался;
  • кнопки социальных сетей. На веб-сайты обычно интегрируют специальные кнопки социальных сетей, чтобы посетители могли делиться контентом с сайта со своими знакомыми и друзьями. При помощи специальной надстройки, вы можете добавить на свой интернет-ресурс кнопки эти кнопки и увеличить его посещаемость;
  • поддержка SoundCloud. Благодаря интеграции с SoundCloud, на сайт можно выкладывать различные песни, композиции и любую музыку с этого сервиса;
  • отзывы. Надстройка позволяет разместить блоки обратной связи, с помощью которых пользователи смогут оставлять свое мнение о сайте, продукте и других особенностях вашего интернет-ресурса;
  • карусель отзывов. Если у вас есть очень большое количество отзывов, то нужно их отобразить компактно, чтобы это не занимало слишком много места на странице. Для этой цели идеальнее всего подходит карусель отзывов, которая позволит показывать несколько комментариев в одном месте;
  • текстовые блоки. Вы можете добавлять специальные блоки с текстом и редактировать их стили независимо от других элементов страницы;
  • добавление видео. С помощью дополнения можно быстро интегрировать любые видео с видеохостинга YouTube и Vimeo. Это сделает контент сайта более разнообразным и избавит от необходимости загружать видео в файлы интернет-ресурса на хостинге;
  • видео во всплывающем окне. При помощи специальной надстройки можно добавить видео во всплывающем окне. Это стоит сделать, если вы хотите показать пользователям короткий ролик или трейлер фильма.

Бесплатный конструктор страниц WordPress

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

Виджеты WordPress

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

Многоязычный плагин

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

Совместимость со сторонними темами

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

Премиум-плагин

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

Установка расширения

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

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

Заключение

WP Page Builder – один из самых топовых визуальных конструкторов для WordPress. Это сверхмощное расширение позволяет не только разрабатывать сайты с нуля. Оно дает возможность выразить свое творчество. Отобразить на сайте именно ту картинку, которую вы представляли у себя в голове. Множество функций и настроек дополнения заменяют потребность в других плагинах, что делает сайт гораздо легче и повышает его скорость загрузки. Если вы не сможете самостоятельно разобраться с настройками расширения или его работой, можно обратиться в поддержку. Поддержка клиентов у этого плагина работает просто безупречно. Ребята из команды поддержки отвечают быстро и помогают решить проблемы любой сложности. Помимо качественной помощи клиентам с проблемами, разработчики предоставили подробную документацию, в которой можно найти исчерпывающие ответы на все вопросы по работе с этим расширением.