Page Builder Sandwich — это новый бесплатный плагин для создания станиц в WordPress. Он был создан для работы с темами оформления WordPress и протестирован с большим их количеством, включая темы из каталога WordPress.org, StudioPress Themes, Elegant Themes и ThemeForest.

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

Смотрите также:

Плагин доступен бесплатно в каталоге WordPress, имеет более 1000 активных установок и рейтинг 4.2 из 5.

На сайте разработчика вы также сможете найти премиум версии:

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

Возможности PB Sandwich

  • Click & Type — Чтобы добавить текст, просто нажимайте и начинайте печатать. Вам не нужно вникать в код.
  • Drag & Drop — Контролируйте текст, изображения, макеты, строки и другие элементы, используя функцию drag-and-drop.
  • Undo — Сделали опечатку? Не беда. Вы можете отменить изменения через знакомую команду Ctrl + Z (или Command + Z).
  • Paste URLs — Легко добавляет любой контент, включая видео. Просто вставьте в URL и готово. Работает с YouTube, Vimeo, Twitter, Flickr, Instagram и многими другими ресурсами.
  • Clutter-free — Ясный и простой интерфейс без каких-либо раздражающих всплывающих окон; шорткоды не будут приводить ваш контент в беспорядок.
  • Easy Shortcodes — Функция для опытных пользователей WordPress, которая позволяет увидеть фактические шорткоды при редактировании. Изменения будут происходить на лету. То, что вы видите, это действительно то, что вы получите в конечном итоге.

Будущие функции

  • Фоновые изображения для строк и столбцов
  • Параллакс и видео заставки для строк и столбцов
  • Карусели, редактируемые в реальном времени
  • Дизайн-модули/шаблоны. Такие вещи, как call-to-action хедеры, набор иконок и описаний функций, группы отзывов и т.д. Все это типичные элементы дизайна, которые обычно встречаются на сайтах.

Работа с плагином

Данный плагин безумно легко настроить, для этого его нужно просто загрузить и активировать. Чтобы начать с ним работать, перейдите в консоль администратора, откройте вкладку Пользователи → Ваш профиль и отметьте окно Show Toolbar when viewing site.

Теперь, если вы посетите любую страницу или пост через фронтэнд вашего сайта, вы увидите синюю кнопку Edit With Page Builder Sandwich.

Нажимая на нее, вы открываете строитель страницы, в котором можете делать изменения в реальном времени.

Редактирование страницы

После того, как вы активировали PB Sandwich на выбранной странице, с левой стороны он добавит область прокрутки со всеми необходимыми инструментами для форматирования:

Вверху вы найдете стандартные инструменты для форматирования текста: жирный, курсив, выравнивание, вставка ссылок и так далее. Все те элементы, которые доступны в обычном текстовом редакторе.

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

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

Вы можете использовать плагин для создания макетов на вашей странице путем добавления строк и столбцов. В нашем примере мы добавили 3 колонки, которые содержат заголовки и списки:

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

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

Обучающие видеоролики

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

Стоимость

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

Цена: $59 для одного сайта или $89 для нескольких.

Заключение

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

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

На данный момент в плагине доступны функции для базового форматирования и создания макетов страниц/постов, которые не представлены в стандартном редакторе постов WordPress. Именно поэтому он просто идеально подойдет для новичков, которые еще не знают, как написать код для CSS, но уже хотят вносить довольно-таки сложные изменения на сайт. Здесь PB Sandwich станет отличным помощником, поскольку действительно очень прост в использовании.

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

Источник: wplift.com

Вам понравился материал?

Добавить комментарий

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

2 комментария

сначала новые
по рейтингу сначала новые по хронологии

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