<
  • Главная
Статьи

PB Sandwich — бесплатный WordPress плагин для создания страниц через Front-end

Опубликовано: 16.02.2018

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

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

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

9 лучших плагинов для фронтэнд редактирования WordPress

Плагин доступен бесплатно в каталоге 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


Новости
    Без плагина
    На сайте WordPress имеется файл, именуемый как .htaccess. Многие пользователи не предают ему особого внимания и не используют все его возможности. На самом деле файл .htaccess – это дополнительные конфигурации

    Плагин подписки wordpress
    Очень трудно найти один плагин подписки wordpress , который объединил бы в себе все виды подписок, которые так необходимы сайту. Именно поэтому я решил сделать подборку лучших плагинов, которые смогут

    Слайд-шоу с помощью плагина для WordPress UnPointZero Slider
    Плагин для cms WordPress UnPointZero Slider – новостной слайдер. Он отражает в форме слайд-шоу изображения со ссылками на ваши статьи и краткие выдержки оттуда. Его можно установить и на новостной сайт,

    Плагины для Wordpress
    С помощью этого плагина вы легко сможете интегрировать Google диск на ваш WordPress сайт или блог . Gravity Forms — лучший плагин для создания форм на WordPress, от самых простых (например, форма

    Подписки плагином JetPack: размещение и редакция формы подписки
    Вступление Здравствуйте! В этой статье я покажу, как использовать плагин JetPack для создания пользовательской формы подписки и как эту формы подписки плагином JetPack добавлять в статьи сайта, а при

    Чистка сайта WordPress плагином WP-optimize
    От автора Со временем использования система WordPress накапливает не нужные файлы, комментарии и неиспользуемые данные в базе данных. Эти файлы и данные создаются в процессе работы и нужны для этого,

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

    Резервное копирование WordPress сайта без плагинов
    Вступление Резервное копирование WordPress это второе, что нужно научиться делать после установки WordPress. Можно сколько угодно говорить о безопасности сайта и его защите, но лучшего варианта защиты

    Плагины на приват для Майнкрафт ПЕ
    > > Плагины на приват для Майнкрафт ПЕ Порой всем нам хочется попробовать себя в роли администратора сервера и испытать эту ответственность, но, к сожалению, вы не всегда все знаете о создании

    Плагин WordPress Database Backup. Архивация базы данных блога на WordPress
    Привет друзья! Сегодня на очереди еще один простой, НО, необходимый и полезный плагин — плагин WordPress Database Backup , который с легкостью и самостоятельно произведет процесс, который научно называется:

  • Виртуальный хостинг

    Виртуальный хостинг. Возможности сервера распределяются в равной мере между всеми... 
    Читать полностью

  • Редизайн сайта

    Редизайн сайта – это полное либо частичное обновление дизайна существующего сайта.... 
    Читать полностью

  • Консалтинг, услуги контент-менеджера

    Сопровождение любых интернет ресурсов;- Знание HTML и CSS- Поиск и обновление контента;-... 
    Читать полностью

  • Трафик из соцсетей

    Сравнительно дешевый способ по сравнению с поисковым и контекстным видами раскрутки... 
    Читать полностью

  • Поисковая оптимизация

    Поисковая оптимизация (англ. search engine optimization, SEO) — поднятие позиций сайта в результатах... 
    Читать полностью

rss