Плагин Page Builder — удобный инструмент для создания страниц в WordPress

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

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

Бесплатных плагинов Page Builder не так много, но и их достаточно, чтобы выбрать тот, который нам более всего покажется удобным. Стоит отметить, что в большинстве премиум шаблонов WordPress, есть свой собственный плагин Page Builder. Но мы будем рассматривать сегодня только бесплатные.

Бесплатные плагины Page Builder

Список плагинов, как я уже сообщал, довольно короткий:

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

В чем удобство использования Page Builder

  1. Работает с любым типом постов;
  2. Адаптивный дизайн блоков (ваш контент будет хорошо смотреться на настольных и мобильных устройствах);
  3. Быстрое создание страницы с любым типом контента;
  4. Создание блоков с контентом - простым перетаскиванием;
  5. Все новые виджеты - добавляются в панель Page Builder и могут быть использованы;
  6. Легкое добавление любого виджета в страницу;
  7. Поддерживает применение привычных шорткодов;
  8. Легко создать любое количество колонок;
  9. и другие.

Вот скрин применения плагина Page Builder by SiteOrigin при создании этой самой статьи (здесь не все блоки).

В голубое поле, просто добавляем необходимые виджеты.

Блоки в Page Builder можно переставлять простым перетаскиванием.

Блоки в Page Builder можно переставлять простым перетаскиванием

Начало работы с плагином Page Builder by SiteOrigin

Вверху слева - две кнопки-иконки (1-плюс и 2-три вертикальные полоски).

  • Нажав на плюс - можно выбрать виджет (текст, картинку, видео, табы, галерею и т.д.).
  • Нажав полоски - можно выбрать количество колонок.

Начинать нужно с выбора количества колонок. Выбрав - мы получим поле, в которое можно теперь добавлять виджеты. В плагине Page Builder by SiteOrigin, по умолчанию стоит две колонки, поэтому мне не редко приходиться исправлять 2 на 1.

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

Вы можете не нажимать каждый раз на плюсик, если у вас рядом есть блок с аналогичным типом контента. На каждом блоке виджета, есть три ссылки справа: Edit - Duplicate - Delete.

Нажмите Duplicate (копирование) и вы получите копию блока. После этого перетащите в нужное вам поле, нажмите - Edit и отредактируйте содержимое блока. Нажатием Delete, вы удалите не нужный блок.

Выводы

Конечно, по началу нужно будет привыкнуть к Page Builder, но потом..., вы ни секунды не пожалеете, что установили этот плагин и научились им пользоваться. Вы по прежнему сможете пользоваться любым типом создания контента - текстовый, визуальный и Page Builder. Однако, для каждой конкретной страницы (поста), нужно будет выбирать или первые два способа создания страницы или Page Builder, это единственное "неудобство".

Остались вопросы, посмотрите обзор обновленного плагина в статье:
Видео инструкция: как пользоваться Page Builder SiteOrigin
или задавайте в комментах.

16 комментариев

  1. Ярослав 23.08.2015 Ответить
    • cloom 23.08.2015 Ответить
  2. Alex 17.11.2015 Ответить
    • cloom 17.11.2015 Ответить
  3. Олег 16.03.2016 Ответить
    • cloom 17.03.2016 Ответить
  4. Алена 27.05.2016 Ответить
    • cloom 27.05.2016 Ответить
  5. Алена 27.05.2016 Ответить
    • cloom 27.05.2016 Ответить
      • Алена 28.05.2016 Ответить
        • cloom 28.05.2016 Ответить
  6. Рустам 10.08.2016 Ответить
    • cloom 10.08.2016 Ответить
    • cloom 18.08.2016 Ответить

Оставить Комментарий