Page Builder Sandwich должен быть совместим с различными модулями Jetpack.
Модуль Markdown выполняет особые действия при сохранении контента, из-за чего изменения теряются во время преобразования markdown. Чтобы справиться с этим, текст markdown в бэкенд-редакторе преобразуется в HTML-теги при сохранении изменений во фронтенде. (Спасибо Джейку Джексону за помощь)
Мы протестировали Page Builder Sandwich с PHP 7, и всё должно работать отлично без каких-либо проблем.
Будьте осторожны при обновлении вашего сайта с более ранней версии до PHP 7, так как существует множество несовместимостей с более ранними версиями, которые необходимо устранить во всех ваших темах и плагинах.
При совместном использовании Page Builder Sandwich и Materialize возникает ошибка Javascript. Существует конфликт между materialize.js и палитрой выбора цвета ядра WordPress.
В репозитории GitHub Materialize создана проблема по этому поводу: https://github.com/Dogfalo/materialize/issues/2821
Плагин продолжит нормально работать до тех пор, пока вы не деактивируете лицензию на своем сайте. После деактивации вы не сможете активировать ее повторно.
Вы не сможете получать обновления из консоли WordPress или иметь доступ к более новым версиям. Мы также не сможем предоставлять вам отличную персональную поддержку.
Добавить виджеты можно, нажав кнопку Элемент виджета в разделе «Элементы» в инспекторе. После нажатия должно появиться всплывающее окно со списком всех виджетов, которые Page Builder Sandwich обнаружил на вашем сайте.
Все виджеты, найденные на вашем сайте WordPress, могут быть добавлены, однако некоторые виджеты, использующие пользовательский/специализированный код Javascript в своих настройках, могут работать некорректно. Виджеты, использующие следующее, могут не работать:
Со стандартными виджетами WordPress и аналогично созданными виджетами проблем возникать не должно.
Если вам действительно необходимо, чтобы этот конкретный виджет работал, есть обходной путь.
Вы можете использовать плагин Custom Sidebars от WPMU Dev, чтобы создать новый сайдбар/область виджетов, добавить туда свой виджет обычным способом в разделе Внешний вид > Виджеты. Затем в Page Builder Sandwich добавьте Элемент сайдбара и выберите сайдбар, содержащий нужный вам виджет.
Другая альтернатива — воссоздать желаемый эффект с помощью различных элементов и стилей, доступных в Page Builder Sandwich.
При первой покупке Page Builder Sandwich файл .zip с плагином будет автоматически загружен на ваш компьютер.
Если вы потеряете его, вы сможете снова скачать файл .zip, перейдя по этой ссылке: https://dashboard.freemius.com/license-recovery/203/page-builder-sandwich/
Ввод вашей лицензии по этой ссылке позволит вам получить файл .zip с Page Builder Sandwich, а также данные вашей лицензии и учетной записи.
Технически это должно работать с любыми темами.
Вместе с нашими пользователями и клиентами мы успешно использовали Page Builder Sandwich со множеством тем, включая темы из репозитория тем WordPress.org, Genesis Themes, StudioPress Themes, Elegant Themes и темы с ThemeForest.
Однако иногда тема может использовать нестандартные решения, что может помешать корректной работе Page Builder Sandwich. Если это произойдет, отправьте нам запрос в службу поддержки, и мы постараемся это исправить.
Удаление объектов в Page Builder Sandwich обычно выполняется простым выделением текста или элемента с последующим нажатием клавиши Delete или Backspace.
Другой вариант — нажать кнопку удаления в инспекторе:
В некоторых случаях это не работает. Элементы, с которыми это не срабатывает, обычно являются контейнерами, такими как строки, колонки или карусели. Это сделано для предотвращения случайного удаления при работе с содержимым.
Чтобы удалить такие элементы, нажмите кнопку удаления в свойствах элемента в инспекторе. Например, чтобы удалить строку, вам нужно использовать эту область:
Добавлять изображения очень просто. Вы можете:
Page Builder Sandwich теперь доступен на следующих языках:
Если вы хотите помочь развитию Page Builder Sandwich, переведя его на свой язык, перейдите на нашу страницу на Transifex!
Существуют тысячи тем и других плагинов. Поэтому, хотя мы стараемся быть внимательными и разрабатывать всё по стандартам, иногда что-то может пойти не так.
Если вы обнаружили, что Page Builder Sandwich работает некорректно в вашей конфигурации, вот несколько шагов, которые помогут диагностировать проблему.
Ознакомьтесь со статьей здесь: Кнопка «Редактировать с Page Builder Sandwich» не появляется. Если это не решит проблему, читайте дальше.
Просмотрите различные статьи в категории «Устранение неполадок» в документации.
WordPress, ваши плагины, ваша тема и даже Page Builder Sandwich. Всегда полезно использовать актуальные версии. Обновление компонентов гарантирует наличие последних исправлений ошибок и уязвимостей для вашего сайта.
Если вы не можете редактировать контент с помощью Page Builder Sandwich (и, вероятно, появилось всплывающее окно с ошибкой), возможно, содержимое текущей страницы полностью генерируется вашей темой или плагином. Чтобы проверить это, отредактируйте страницу/запись в панели управления обычным способом через WordPress, а затем проверьте, отображается ли сохраненный контент на сайте. Если он не появляется, это означает, что содержимое страницы/записи полностью генерируется автоматически и не может быть отредактировано с помощью PBS.
Иногда плагин может конфликтовать с Page Builder Sandwich. Чтобы проверить, какой плагин может вызывать конфликт, отключите плагин и проверьте, начинает ли PBS снова работать. Сделайте это для каждого из ваших активных плагинов. Если PBS снова заработает и вы сможете редактировать свои страницы, значит, только что отключенный плагин несовместим с PBS. В таких случаях свяжитесь с нами по электронной почте [email protected] и сообщите нам, чтобы мы могли это исправить.
Если отключение плагинов не помогло, попробуйте переключить тему на стандартную тему WordPress (темы серии Twenty-…). Если после этого вы снова сможете редактировать контент с помощью Page Builder Sandwich, значит, используемая вами тема несовместима с PBS. Отправьте нам эту информацию по электронной почте на адрес [email protected], и мы постараемся всё исправить.
В редких случаях расширение браузера может препятствовать правильной работе кода Javascript на сайте. Чтобы проверить, не вызывает ли проблем расширение браузера, откройте браузер в режиме инкогнито (Chrome) или в приватном режиме и попробуйте открыть PBS — это откроет новую вкладку без каких-либо расширений. Если всё заработало, значит, имеет место конфликт с расширением.
Было обнаружено, что расширение браузера PageXray вызывает подобные проблемы.
Ранее возникала проблема, связанная с NextGen и Page Builder Sandwich.
До версии 2.12 PBS по какой-то причине вызывал в NextGen сообщение об ошибке, из-за которого на вашем сайте появлялся пустой белый экран. Это было исправлено в версии 2.12, поэтому, если вы используете более старую версию, пожалуйста, обновитесь.
Мы позаботились о том, чтобы Page Builder Sandwich практически не влиял на производительность вашего сайта. Для неавторизованных пользователей в очередь добавляются как минимум только CSS-стили строк и колонок, а также необходимые JS- и CSS-скрипты для использованных вами шорткодов.
Markdown — это, по сути, синтаксис, который вы вводите во время редактирования, чтобы добавить или изменить форматирование текста. Это похоже на горячие клавиши, но вместо нажатия комбинации вы вводите нужные символы.
Ниже приведен список всех поддерживаемых синтаксисов Markdown в Page Builder Sandwich.
## Заголовок 2
### Заголовок 3
вплоть до:
###### Заголовок 6
> Цитата
(4 пробела)Преформатированный текст/код
* Маркированный список - Маркированный список
1. Нумерованный список 1) Нумерованный список
- ------------------------------(или несколько дефисов)
Ввод URL-адресов будет автоматически преобразовываться в ссылку:
Перейдите на https://pagebuildersandwich.com
Перейдите на [Page Builder Sandwich](https://pagebuildersandwich.com
Шорткоды можно вставлять или вводить вручную во время редактирования. После ввода шорткода нажмите клавишу Enter или выйдите за его пределы, и он сразу же отобразится в готовом виде.
Другой способ добавления шорткодов — нажать на элемент шорткода в инспекторе. Откроется всплывающее окно со списком всех доступных на вашем сайте шорткодов. Выберите один из них или дважды кликните по нему, чтобы вставить.
Редактировать шорткоды можно двумя способами:
Page Builder Sandwich не может автоматически определять атрибуты шорткодов. Поэтому вам придется ввести их вручную. Мы работаем над интеграцией шорткодов в систему, чтобы сделать этот процесс простым и удобным для всех. Следите за обновлениями.
Вы можете вставлять контент с различных сайтов, таких как видео YouTube, видео Vimeo, фотографии Instagram, фотографии Flickr, твиты и даже комментарии Reddit, напрямую вставляя постоянные ссылки (URL) на них.
https://www.youtube.com/watch?v=dQw4w9WgXcQ
Вы можете найти список поддерживаемых URL-адресов в WordPress Codex: https://codex.wordpress.org/Embeds
Вы также можете установить другие плагины, которые добавляют поддержку дополнительных URL-адресов для вставки. Например, URL-адреса Wistia не поддерживаются WordPress «из коробки», но вы можете установить их плагин для включения вставки, после чего PB Sandwich также сможет их обрабатывать.
Обратите внимание, что для работы этого способа целая строка текста должна содержать только URL-адрес.
Вы также можете напрямую вставлять коды для вставки (embed codes).
Коды для вставки выглядят так:
<iframe width="420" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen></iframe>
Обратите внимание, что для работы этого способа целая строка текста должна содержать только код для вставки.
Нажмите на инструмент «Добавить медиафайл», затем вставьте ваш URL-адрес во вкладке «Вставить с сайта».
Вы можете встраивать контент с различных сайтов, таких как видео с YouTube, видео с Vimeo, твиты и даже комментарии Reddit, вставляя их постоянные URL-адреса в Page Builder Sandwich.
Обратите внимание, что одна целая строка текста должна содержать только URL-адрес
Page Builder Sandwich работает совместно с функцией oEmbed в WordPress. Поэтому URL-адреса, которые можно встроить в панели управления, должны поддерживаться. Плагины, добавляющие поддержку дополнительных поставщиков oEmbed, также должны работать.
Вы можете найти список поставщиков oEmbed в кодексе: https://codex.wordpress.org/Embeds
С помощью Page Builder Sandwich вы можете редактировать только содержимое страниц, записей и произвольных типов записей.
Однако вы не можете редактировать файлы шаблонов темы, такие как:
Проще говоря: если на панели администратора во фронтенде есть пункт «Редактировать запись» или «Редактировать страницу», значит, эту страницу можно редактировать.
В премиум-версии Page Builder Sandwich вы можете использовать собственные SVG / векторные иконки. Вот как это сделать:
Загруженные иконки также можно использовать в качестве маркеров в маркированных списках и иконок для кнопок.
Примечание: Если ваша иконка не отображается в результатах поиска, возможно, имя файла не было должным образом обработано PBS. В таких случаях вы можете использовать слова «custom» или «upload», чтобы найти загруженные иконки.
Page Builder Sandwich был создан максимально ненавязчивым, чтобы у других плагинов не возникало проблем при совместной работе с нашим.
Однако иногда бывают исключения. Ниже приведен список плагинов, у которых есть некоторые особенности при работе совместно с Page Builder Sandwich. Это не обязательно означает, что они не работают или несовместимы, а лишь то, что некоторые аспекты поведения могут отличаться.
Мы продолжим обновлять этот список. Если вы что-то обнаружили, отправьте обращение в службу поддержки на [email protected]
Проверяет, включен ли PBS и находится ли он в режиме редактирования.
if ( PBSEditor.isEditing() ) {
// Сделать что-либо при редактировании.
}
Нет.
Boolean. True, если в данный момент идет редактирование, false — если нет.
Используется внутри iframe, применяемого PBS для отображения адаптивного вида во время редактирования. Вызывается непосредственно перед закрытием тега <head> и может использоваться для добавления скриптов и стилей.
Нет.
add_action( 'pbs_iframe_header', 'change_bg_color' );
function change_bg_color() {
?>
<style>
body {
background-color: hotpink;
}
</style>
<?php
}
Если у вас возникли трудности, мы готовы помочь! Но сначала, пожалуйста, проверьте страницы документации: возможно, вы найдете ответ там и сэкономите время.
Отправляйте ваши запросы в службу поддержки по адресу [email protected]
Вы можете предотвратить отображение PB Sandwich во фронтенде с помощью фильтра pbs_is_editable_by_user.
Например, чтобы скрыть PB Sandwich в произвольном типе записей с ярлыком slider, вы можете добавить этот фрагмент кода в ваш файл functions.php:
add_filter( 'pbs_is_editable_by_user', 'stop_pbs_in_sliders' );
function stop_pbs_in_sliders( $editable ) {
if ( is_singular( 'slider' ) ) {
return false;
}
return $editable;
}
Чтобы отключить PB Sandwich для определенной страницы или записи, вы можете использовать проверку по ID записи:
add_filter( 'pbs_is_editable_by_user', 'stop_pbs_for_123' );
function stop_pbs_for_123( $editable ) {
global $post;
if ( is_singular() && ! empty( $post ) ) {
if ( '123' === $post->ID ) {
return false;
}
}
return $editable;
}
Срабатывает, когда пользователь переключается между различными адаптивными представлениями.
Нет.
PBS отправляет статистику использования для согласившихся пользователей каждый раз, когда они сохраняют данные в редакторе PBS. Этот фильтр можно использовать для прекращения отправки данных.
$true
Boolean. Всегда true.
Если у вас возникли проблемы, мы здесь, чтобы помочь! Но сначала ознакомьтесь со страницами документации: возможно, вы найдете ответ там и сэкономите время.
Отправляйте свои запросы в службу поддержки по адресу [email protected]
$all_shortcodes = PageBuilderSandwich::get_all_shortcodes()
Нет.
Array. Массив всех обнаруженных тегов шорткодов.
PBS >= 4.3
PBS добавляет обертку для идентификации области содержимого записи. Вызывается до добавления обертки.
$content
Строка. Содержимое записи с примененной оберткой.
PBS >= 4.3
Переопределяет решение о том, следует ли загружать PBS во фронтенде и разрешать ли пользователю использовать PBS для редактирования записи.
$is_editable
Boolean. True, если запись должна быть редактируемой с помощью PBS. В противном случае — False
Запретить редактирование записей типа portfolio с помощью PBS
add_filter( 'pbs_is_editable_by_user', 'disallow_portfolios' );
function disallow_portfolios( $is_editable ) {
global $post;
if ( $post ) {
if ( 'portfolio' === get_post_type( $post ) ) {
return false;
}
}
return $is_editable;
}
Используется внутри iframe, применяемого PBS для отображения адаптивного представления во время редактирования. Вызывается непосредственно перед закрытием тега <body> и может использоваться для добавления скриптов и стилей.
Нет.
PBS добавляет обертку для определения области содержимого записи. Вызывается после размещения обертки.
$content
Строка. Содержимое записи с примененной оберткой.
PBS >= 4.3
Получает экземпляр PageBuilderSandwich
$pbs = PageBuilderSandwich::instance()
Нет.
Объект PageBuilderSandwich. Текущий экземпляр класса PBS.
PageBuilderSandwich::is_editable_by_user()
Нет.
Boolean. True, если PBS может редактировать запись, иначе false.
Фильтр для изменения стилей CSS, сохраняемых для записи. Вызывается, когда сохранение было инициировано из редактора PBS.
$style
String. Стили CSS, отправленные для сохранения.
$post_id
Int. ID записи, которую мы сохраняем.
Вызывается после завершения загрузки редактора PBS (не вызывается при нажатии пользователем кнопки начала редактирования)
Выполнить действие после загрузки PBS
wp.hooks.addAction( 'pbs.init', function() {
console.log( 'PBS is ready!' );
}
Список тегов шорткодов, которые следует скрыть в окне выбора шорткодов PBS. Используйте это, если у вас есть шорткоды, отображаемые во всплывающем окне выбора, которые вы уже объявили устаревшими или просто хотите скрыть от пользователей.
$shortcodes
Array. Массив тегов шорткодов.
Скрыть шорткод из окна выбора.
add_filter( 'pbs_shortcodes_to_hide_in_picker, 'hide_embed_shortcode' );
function hide_embed_shortcode( $shortcodes ) {
$shortcodes[] = 'embed';
return $shortcodes;
}
Добавляет свойства Javascript к объекту pbsFrontendParams во фронтенде. Объект pbsFrontendParams доступен во фронтенде независимо от того, авторизован ли пользователь и редактирует ли он.
$params
Array. Массив ключей и значений, которые станут доступны в переменной Javascript уровня window pbsFrontendParams
Сделать переменную доступной во фронтенде
add_filter( 'pbs_localize_frontend_scripts, 'add_my_property' );
function add_my_property( $params ) {
// Это будет доступно в Javascript через pbsFrontendParams.myProperty
$params['myProperty'] = 'My Property';
return $params;
}
Основная часть Page Builder Sandwich написана на Javascript, и мы добавили множество методов, чтобы разработчики могли расширять и дополнять функциональность нашего конструктора страниц.
Чтобы облегчить работу разработчикам, мы организовали всё по образцу WordPress — через хуки!
В WordPress для изменения или расширения поведения WP обычно используются функции add_filter() и add_action(). Аналогично в PBS вы можете использовать wp.hooks.addFilter() и wp.hooks.addAction().
Способ их использования также аналогичен: используйте фильтры для изменения данных, а действия — для выполнения дополнительных операций. Эти два вызова функций практически идентичны своим аналогам на PHP, за исключением того, что они выполняются в Javascript.
Чтобы не путать хуки PHP и Javascript, мы назвали хуки Javascript в стиле «period-case» (выдуманное слово). Все хуки PHP используют snake_case:
Перейдите к категориям Javascript Actions и Javascript Filters в меню слева, чтобы просмотреть все хуки.
Для тех, кому интересно: мы используем https://github.com/carldanley/WP-JS-Hooks для добавления этих удобных вызовов хуков в Javascript
Вызывается непосредственно перед сохранением содержимого редактором. Вы можете использовать это для добавления дополнительных данных, отправляемых при сохранении (это не сохраняет данные, а лишь отправляет их через Ajax на бэкенд)
payload
Объект FormData. Данные, отправляемые через Ajax для сохранения.
wp.hooks.addAction( 'pbs.save.payload', function( payload ) {
// Добавьте данные для отправки во время сохранения.
payload.append( 'my_data', 'My Data' );
}
Подключает скрипт или стиль вместе с PBS. Вызывается только тогда, когда запись доступна для редактирования с помощью PBS. Если страница не редактируется с помощью PBS, то этот хук вообще не используется.
Нет.
При загрузке PBS также подключить my-script.js
add_action( 'pbs_enqueue_scripts, 'add_my_script' );
function add_my_script() {
wp_enqueue_script( 'my-script' , plugins_url( 'js/my-script.js', __FILE__ ) );
}
Добавляет свойства Javascript к объекту pbsParams во фронтенде. Объект pbsParams доступен во фронтенде, когда пользователь авторизован и имеет права на редактирование страницы.
Эта переменная также содержит множество свойств, используемых PBS во время редактирования, таких как одноразовые коды (nonces), список всех загруженных шорткодов и строки перевода.
$params
Array. Массив ключей и значений, которые станут доступны в переменной Javascript уровня окна pbsParams
Добавление необнаруженного шорткода в редактор
add_filter( 'pbs_frontend_scripts, 'add_my_shortcode' );
function add_my_shortcode( $params ) {
$params['shortcodes'][] = 'my_shortcode';
return $params;
}
Если вы не можете найти, куда сохранили свою копию премиум-плагина, вы можете перейти сюда и ввести свой адрес электронной почты для ее восстановления. Плагин будет отправлен вам по электронной почте.
https://dashboard.freemius.com/license-recovery/203/page-builder-sandwich/
Это премиум-функция, доступная в версии 4.0.1+
Якорные ссылки с прокруткой на той же странице — это ссылки, которые ведут на определенное место на той же самой странице. При нажатии на такую ссылку браузер плавно прокрутит страницу к указанной области.
Для создания якорной ссылки на той же странице вам понадобятся две вещи:
Выберите любой элемент ближе к нижней части страницы и откройте его свойства. В разделе дополнительных настроек добавьте пользовательский класс или пользовательский ID с именем » go_here«
Теперь создайте ссылку или добавьте элемент кнопки где-нибудь ближе к верхней части страницы. Вместо добавления URL-адреса в качестве ссылки используйте » .go_here» (с точкой), если вы указали «go_here» как пользовательский класс; или используйте «#go_here» (со знаком решетки), если вы указали его как пользовательский ID.
После сохранения страницы при нажатии на ссылку/кнопку теперь должна происходить плавная прокрутка к элементу в нижней части страницы.
Именованные якоря, такие как
<a name="go_here"></a>
также могут быть целью перехода при добавлении ссылки на «#go_here» (со знаком решетки)
Вы также можете ссылаться на любые другие области вашей страницы, даже за пределами области редактора, если вы указываете их с помощью имен классов или ID.
Вызывается после сохранения контента. Вызывается, когда сохранение было инициировано из редактора PBS.
Нет
Фильтр для изменения сохраняемых данных записи. Вызывается, когда сохранение было инициировано из редактора PBS.
$post_data
Массив. Итоговые данные записи для сохранения, после этого они напрямую передаются в wp_update_post().
$_POST
Массив. Необработанные данные записи, отправленные из редактора для сохранения. Nonce уже проверен.
$post_id
Целое число. ID записи, которую мы сохраняем.
add_filter( 'pbs_save_content_data', 'save_always_as_draft', 10, 3 );
function save_always_as_draft( $post_data, $_post, $post_id ) {
// По какой-то причине мы всегда хотим, чтобы запись была черновиком.
$post_data['post_status'] = 'draft';
return $post_data;
}
Начиная с версии 4.0, при редактировании вы можете переключаться между режимами отображения для компьютеров, планшетов и мобильных телефонов! Мы называем это адаптивным режимом. В адаптивном режиме размер вашего сайта уменьшается, имитируя то, как сайт будет выглядеть на экранах меньшего размера.
При просмотре сайта в режиме планшета или мобильного телефона ваши возможности редактирования будут ограничены. Вы сможете делать ТОЛЬКО следующее:
* PBS применяет некоторые адаптивные стили к вашим элементам и строкам, поэтому некоторые отступы нельзя будет настроить.
Вот некоторые действия, которые вы не можете выполнять:
Если вы просматриваете свой сайт в режиме планшета или мобильного телефона, любые изменения отступов применяются только к текущему и к меньшему экрану. Это позволяет оптимизировать дизайн для экранов меньшего размера отдельно от полной версии для компьютеров.
Вот пример для наглядности.
Это относится только к настройке отступов: изменения текста или стилей текста применяются ко всем размерам экрана.
При просмотре в режиме планшета или мобильного телефона у ваших строк появится новая кнопка на панели инструментов в виде «глаза», которая отображается при наведении курсора. Нажатие на нее позволит показать/скрыть строку для текущего размера экрана.
Скрытые строки во время редактирования станут полупрозрачными, чтобы показать, что они будут скрыты после завершения редактирования.
Обратите внимание, что эта функция доступна только для строк.
Если вы являетесь разработчиком тем, включение PBS в вашу тему может значительно повысить ценность вашего продукта.
Свяжитесь с нами по адресу [email protected], давайте сотрудничать!
CloudFlare — широко используемый бесплатный DNS CDN. Это отличный сервис, но в настоящее время у PBS возникают проблемы при работе с функцией Rocket Loader. Rocket Loader сокращает время загрузки файлов Javascript, но нарушает порядок зависимостей и вызовов скриптов PBS. Если у вас включен Rocket Loader, кнопка редактирования Page Builder Sandwich не будет отображаться (при этом в консоли Javascript ошибки не появляются).
Чтобы отключить Rocket Loader, войдите в свою учетную запись CloudFlare и перейдите в настройки вашего домена. Перейдите к настройкам Speed (Скорость):
Затем прокрутите вниз до настроек Rocket Loader и убедитесь, что параметр выключен (off):
После отключения обязательно очистите весь кэш вашего сайта в настройках Cache (Кэш):
После полной очистки кэша обновите страницу, и кнопка редактирования Page Builder Sandwich должна появиться.
Вызывается непосредственно перед сохранением содержимого. Вызов происходит, когда сохранение инициировано из редактора PBS.
Нет
Фильтр для изменения сохраняемого содержимого записи. Вызывается при запуске сохранения из редактора PBS.
$content
String. Итоговое содержимое записи для сохранения.
$post_id
Int. ID записи, которую мы сохраняем.
Если при использовании Varnish Cache после сохранения изменений вы по-прежнему видите старое содержимое, возможно, кэш Varnish Cache не очистился автоматически.
Существуют плагины для WordPress, которые позволяют очищать кэш: https://wordpress.org/plugins/search/varnish+cache/
Если это не помогло, вы также можете вручную очистить Varnish Cache, выполнив следующую команду в терминале:
curl -X PURGE http://mysite.com/my-page/
Markdown — это синтаксис, который вы вводите во время редактирования для добавления или изменения форматирования текста. Это похоже на сочетания клавиш, но вместо нажатия комбинации вы просто вводите нужные символы.
Ниже приведен список всех поддерживаемых синтаксисов Markdown в Page Builder Sandwich.
(Обратите внимание на пробелы)
# Заголовок1
## Заголовок2
вплоть до:
###### Заголовок6
> Цитата
(4 пробела)Предформатированный текст/код
* Маркированный список - Маркированный список
1. Нумерованный список 1) Нумерованный список
- ------------------------------(или несколько дефисов)
Ввод URL-адресов автоматически преобразуется в ссылку:
Перейдите на https://pagebuildersandwich.com
Введите «lorem», затем нажмите Tab, чтобы создать текст-заполнитель.
Чтобы деактивировать PBS, сначала войдите в панель управления / бэкенд, затем перейдите в Плагины > Установленные плагины:
Находясь на странице «Плагины», прокрутите список плагинов вниз и найдите Page Builder Sandwich. Прямо под названием вы увидите ссылку деактивировать вместе с другими ссылками, такими как «Изменить» или «Сменить лицензию» (на вашем сайте они могут отличаться). Нажмите ссылку «деактивировать», чтобы отключить плагин.
Если вы сохранили изменения на странице и…
это может означать, что сохранение не привело к очистке сохраненных данных в вашей системе кэширования.
Если вы используете какую-либо систему кэширования — например, плагин кэширования W3 Total Cache, серверное ПО вроде Memcached или Redis или DNS-кэширование CloudFlare — возможно, она не очистила сохраненный контент.
Один из способов проверить, так ли это, — отредактировать страницу в панели управления (обычным способом), а затем просмотреть ее на сайте. Если контент не изменился, возможно, кэш не очистился автоматически.
Некоторые сторонние решения для кэширования имеют дополнительный плагин для WordPress, помогающий сбросить или очистить текущий кэш; в решениях для WordPress обычно есть кнопки или настройки для этого.
Также возможно, что во время сохранения произошла ошибка PHP.
Чтобы проверить, так ли это, откройте консоль разработчика (желательно в Chrome) и перейдите на вкладку Network (Сеть). Находясь там, сохраните изменения в PBS — вы должны увидеть несколько запросов к admin-ajax.php. Если они выделены красным цветом, это означает, что произошла ошибка. Проверьте, видите ли вы что-то подобное:
Если это так, отправьте нам письмо по адресу [email protected] с необходимыми учетными данными для входа, чтобы мы могли проверить и исправить эту проблему.
Пожалуйста, ознакомьтесь со статьей о совместимости с Wordfence здесь: http://docs.pagebuildersandwich.com/article/214-wordfence-firewall-setup-compatibility
Для большинства элементов (но не для шорткодов) вы можете настроить анимацию появления, которая срабатывает, когда элемент становится видимым на экране.
Для этого наведите курсор на элемент, чтобы отобразилась панель инструментов, а затем нажмите на значок шестерёнки.
После этого откроется панель инспектора. Перейдите в раздел Animations (Анимации), раскройте его и выберите нужную анимацию.
После выбора анимации она воспроизведётся для предварительного просмотра. Вы можете дополнительно настроить её с помощью других доступных параметров.
Анимации воспроизводятся только тогда, когда пользователь прокручивает страницу и элемент попадает в область видимости. Если элемент уже виден при открытии страницы, он не будет анимироваться.
Нет, не потеряете! Все ваши страницы и контент останутся на вашем сайте. Это означает, что вы можете безопасно деактивировать PBS при обновлении с бесплатной версии до премиум-версии или если вы просто тестируете функции.
Однако не все будет выглядеть по-прежнему. Вы заметите, что некоторые элементы на вашей странице изменятся, поскольку PBS содержит дополнительные стили и скрипты, необходимые для работы более сложных элементов.
Вот некоторые элементы, которые сохранятся при деактивации PBS:
Вот некоторые элементы, которые пропадут при деактивации PBS:
Примечание: это не относится к клиентам Envato
Если при активации лицензии возникают ошибки, попробуйте выполнить следующие действия…
Чаще всего это случается при обновлении до более новой версии. Если вы обновили файлы плагина вручную напрямую и пропустили стандартные шаги обновления или деактивации-активации, некоторые процессы могли выполниться некорректно. Пожалуйста, деактивируйте плагин, затем активируйте его снова и повторите попытку ввода лицензии.
Начиная с версии 3.2, Page Builder Sandwich интегрирован с Freemius. Бывали случаи, когда очистка данных Freemius устраняла ошибки активации лицензии. Вот как это исправить.
Перейдите в панель управления и измените URL-адрес на http://yoursite.com/wp-admin/admin.php?page=freemius (не забудьте изменить URL-адрес в соответствии с вашим сайтом). Если вы попали на страницу, показанную ниже, значит, вы в нужном месте.
Нажмите кнопку Delete All Accounts, а затем также нажмите кнопку Clear API Cache. После этого попробуйте ввести лицензионный ключ еще раз.
Если ничего не помогло, пожалуйста, свяжитесь с нами по адресу [email protected] и предоставьте подробную информацию о проблеме и вашем сайте.
Здесь я добавил строку с цветом фона, а затем добавил внутрь изображение. Вот оно:
Чтобы заставить его «выглядывать» над контейнером, наведите курсор мыши на элемент, который хотите переместить. Затем, когда появятся контуры, переместите курсор за верхнюю границу контура. Должно отобразиться текущее значение верхнего отступа:
Нажмите и потяните верхний отступ вверх, чтобы уменьшить его, сделав значение отрицательным:
Теперь изображение «выглядывает» за пределы строки!
Если элемент обрезается при выходе за пределы строки, откройте инспектор свойств строки и отключите параметр overflow hidden в разделе параметров Advanced:
Чтобы быстро добавить текст-рыбу, введите слово «lorem» и затем нажмите клавишу Tab или Enter, чтобы быстро вставить текст-заполнитель lorem ipsum:
Lorem ipsum dolor sit amet, consectetur adipisicing elit. At dolor sed numquam? Sapiente autem adipisci, minus expedita enim, suscipit laboriosam deleniti possimus sequi pariatur explicabo numquam alias atque officia sit.
Page Builder Sandwich работает со всеми плагинами кэширования. Однако вы можете столкнуться с некоторыми проблемами, если включите их функции минификации или кэширования.
Просто убедитесь, что минификация отключена для авторизованных пользователей, и всё должно работать корректно.
Здесь показаны только настройки W3 Total Cache, но другие плагины кэширования и минификации также имеют аналогичные параметры.
Убедитесь, что отмечен пункт Don’t cache pages for logged in users в разделе Performance > Page Cache
Если вы используете минификацию, убедитесь, что отмечен пункт Disable minify for logged in users в разделе Performance > Minify
Если вы пытаетесь перетаскивать маркеры верхнего и нижнего внешнего (margin) или внутреннего (padding) отступа, но отступы элемента не меняются, возможно, существуют другие стили, которые принудительно переопределяют любые изменения оформления. Это также может происходить, когда вы не можете изменить фон, границы или когда прозрачные изображения всегда получают цвет фона.
Чтобы найти проблему, откройте инспектор вашего браузера и просмотрите код элемента. Проверьте стили для этого элемента. Если вы видите что-то подобное:
Тогда вы можете быть уверены, что либо ваша тема, либо плагин препятствует применению любых других стилей к этому элементу. Наведите указатель мыши на таблицу стилей, чтобы узнать, из какой темы или плагина она поступает.
Чтобы исправить это, удалите часть стиля с «! important», и вы снова сможете применять стили. Возможно, вам потребуется связаться с автором темы или плагина для исправления этой проблемы.
Чтобы встроить контент с внешних веб-сайтов, просто вставьте URL-адрес и нажмите Enter. Например, вы можете скопировать и вставить этот URL-адрес из YouTube:
https://www.youtube.com/watch?v=dQw4w9WgXcQ
Встраивание через iframe также возможно путем вставки кода <iframe>. Например, скопируйте и вставьте этот код для вставки:
<iframe width=»560″ height=»315″ src=»https://www.youtube.com/embed/dQw4w9WgXcQ?rel=0″ frameborder=»0″ allowfullscreen></iframe>
Вы можете встраивать URL-адреса с сайтов, перечисленных в WordPress Codex: https://codex.wordpress.org/Embeds, а также с любого сайта с поддержкой oEmbed.
Page Builder Sandwich регулярно проверяет, выполнен ли вход в WordPress. Это делается для того, чтобы ваши изменения действительно сохранились в момент нажатия кнопки сохранения. Это также используется для блокировки записей и автосохранения.
Для выполнения проверок мы используем WordPress Heartbeat API, который, в свою очередь, зависит от файлов cookie и сессий браузера. Поэтому, если во время редактирования у вас постоянно появляется всплывающее окно «сессия истекла», возможно, что-то мешает WordPress корректно отслеживать ваш статус. Вот несколько шагов, которые помогут решить эту проблему:
Если у вас установлены плагины кэширования, настроено DNS-кэширование или любая другая форма кэширования, очистите их. Также очистите кэш вашего браузера. Возможно, вам отдаются устаревшие скрипты вашего сайта.
Также возможно, что ваши файлы cookie повреждены. Эту проблему легко решить, удалив cookie в настройках браузера. Обычно эта опция находится рядом с кнопкой очистки кэша браузера.
Перейдите в раздел Настройки > Общие и проверьте параметры. Найдите настройки Адрес WordPress (URL) и Адрес сайта (URL). Домены и протоколы в них должны совпадать с вашим фактическим доменом. Например, если в одном из полей указано «http://», но вы заходите на сайт через «https://», то в настройках должно быть указано «https://». Еще одна распространенная проблема — когда один из этих адресов содержит «www», а другой нет.
Они должны совпадать:
или:
Чтобы исправить это, вы можете изменить параметры в разделе Настройки > Общие. Если вы не можете отредактировать эти настройки, вы можете подключиться по FTP, открыть файл wp-config.php и добавить в него строки:
define( 'WP_HOME', 'http://example.com' ); define( 'WP_SITEURL', 'http://example.com' );
Примечание: по умолчанию шапка удалена только с главной страницы.
Чтобы убрать шапку или меню с любой из ваших страниц, вам понадобится плагин, который позволяет добавлять собственный CSS, например Jetpack.
Чтобы убрать шапку, вам понадобится ID записи, а затем добавьте этот собственный CSS (замените 9999 на ID вашей записи):
body.page-id-9999 #masthead {
display: none;
}
Чтобы убрать меню со страницы (замените 9999 на ID вашей записи):
body.page-id-9999 #header-wrapper {
display: none;
}
или если требуется убрать меню только с главной страницы:
body.page-id-9999 #header-wrapper {
display: none;
}
Вы можете добавлять фоновые изображения к своим строкам и фонам. Более того, вы также можете тонировать фоновое изображение цветом, чтобы оно лучше соответствовало вашему дизайну.
Например, здесь у меня есть строка с фоновым изображением и наложенным белым текстом. Сейчас текст довольно трудно разобрать из-за выбранного фонового изображения.
Чтобы улучшить внешний вид, мы можем добавить цвет к нашему фоновому изображению. Для этого наведите курсор мыши на строку, затем нажмите на значок шестеренки строки, чтобы открыть ее свойства. Перейдите к параметрам Фон (Background), затем включите Тонирование фонового изображения.
После включения этой функции измените цвет фона, и фоновое изображение приобретет цветной оттенок. Вы также можете настроить интенсивность или непрозрачность тонирования. Вот мой фон с зеленым оттенком, благодаря которому текст стал более читаемым:
| Lite-версия | Недоступно |
| Премиум-версия | Доступны все функции
|
Карусели — это современный способ добавления контента, циклически сменяющегося в поле зрения. В Page Builder Sandwich есть встроенный элемент карусели, устраняющий необходимость в сторонних плагинах каруселей.
Нажатие на кнопку с шестеренкой у элемента карусели позволяет настроить ее поведение, например анимацию слайдов, задержку и многое другое. При создании вам предоставляется три слайда карусели для работы с возможностью добавления или удаления слайдов. Все эти слайды поддерживают обычные элементы, такие как текст, изображения и определенные шорткоды.
Переключать слайды так же просто, как использовать сами кнопки навигации. Порядок слайдов также можно изменить в свойствах (значок шестеренки).
Чтобы изменить статус публикации, наведите курсор мыши на стрелку раскрывающегося списка на кнопке сохранения в левом верхнем углу экрана. Это откроет дополнительные параметры сохранения.
Если вы используете версию Lite, вы могли заметить желтые треугольные флажки. Они указывают на то, является ли определенная кнопка/элемент/параметр премиум-функцией.
Если вы хотите скрыть их, вы можете перейти в панель управления, открыть страницу настроек в PBSandwich > Settings и активировать параметр Hide Premium Feature Flags
| Версия Lite | Доступны все функции |
| Версия Premium | Доступны все функции |
Нажмите на элемент HTML в Инспекторе, чтобы добавить новый элемент HTML; должно появиться модальное окно. Введите или вставьте туда ваш HTML-код, затем нажмите «Сохранить HTML». Теперь ваш HTML должен отображаться внутри редактора.
Наведите курсор мыши на элемент HTML, чтобы отобразить панель инструментов. Вы можете отредактировать свой HTML, нажав на значок карандаша на панели инструментов или дважды щелкнув по самому элементу.
Мы не хотим перегружать интерфейс и стремились сделать все интуитивно понятным и простым для освоения. Поэтому, хотя пользовательский интерфейс Page Builder Sandwich выглядит простым, он весьма мощный, и вы можете делать множество вещей во время редактирования.
С помощью курсора мыши вы также можете выполнять множество удобных действий. При наведении курсора на различные элементы появляются интерактивные оверлеи и панели инструментов. Каждый из них выполняет различные действия, такие как:
Как только вы начнете редактирование с помощью PBS, наведите курсор мыши на заголовок вашей страницы/записи, вокруг него должна появиться рамка. Нажмите на заголовок, чтобы поместить в него курсор и изменить его.
Инструменты форматирования недоступны в области заголовка: вы не можете изменять его стили или добавлять элементы в заголовок.
Строки и колонки — это инструменты, которые можно использовать для создания секционного контента.
При редактировании с помощью Page Builder Sandwich на новой созданной странице или в записи весь вводимый контент будет размещаться в одной колонке. Это удобно для написания постов в блоге, но если вы хотите создать особый макет для целевых страниц или страниц контактов, вам, вероятно, понадобится макет из двух колонок или даже сочетание различных колонок на всей странице.
Вы можете добавлять строки и колонки с помощью этих кнопок в инспекторе:
После добавления новая строка будет обведена рамкой:
Внутрь строк и колонок можно поместить что угодно — текст, шорткоды, виджеты и даже добавить еще больше строк и колонок.
Когда выбрана строка (или содержимое внутри нее), в инспекторе становятся доступны дополнительные параметры. С помощью этих кнопок можно настроить дальнейшее оформление вашей секции:
Ниже в инспекторе также есть дополнительные параметры для настройки стиля ваших колонок.
Вы можете перемещать строки в другие места, нажав и удерживая саму строку (если нажать и удерживать элемент внутри нее, перемещаться будет этот элемент, а не сама строка).
Если вы не видите кнопку «Редактировать с помощью Page Builder Sandwich» на главной части вашего сайта, вот несколько способов, которые вы можете попробовать:
Кнопка редактирования для PB Sandwich доступна на панели администратора в публичной части сайта. Убедитесь, что панель администратора видна: перейдите в панель управления, откройте раздел Пользователи > Ваш профиль и дважды проверьте, установлен ли флажок Показывать панель инструментов при просмотре сайта.
В публичной части сайта можно редактировать только Записи, Страницы и Произвольные типы записей. Вы можете редактировать элементы в публичной части сайта только в том случае, если можете редактировать их с помощью редактора содержимого WordPress в панели управления. Другие области вашего сайта — например, список записей блога на главной, список всех записей блога, списки рубрик, страницы 404, страницы поиска — являются динамическими страницами, созданными WordPress вместе с используемой темой, и не могут быть отредактированы с помощью PB Sandwich.
Одним из признаков того, что текущую веб-страницу можно редактировать, является наличие кнопки «Редактировать запись» или «Редактировать страницу» на панели администратора.
Если ваша страница/запись создается динамически темой или плагином, её нельзя будет редактировать с помощью Page Builder Sandwich (и, скорее всего, в других конструкторах страниц тоже). Если вы заметили, что редактор содержимого в панели управления пуст, но при просмотре страницы на сайте она заполнена контентом, это явный признак того, что страница генерируется динамически.
Чтобы проверить, генерируется ли страница динамически, просмотрите исходный код страницы (нажмите правой кнопкой мыши и выберите «Просмотреть исходный код страницы»). Найдите текст «pbs-main-wrapper»: если вы нигде не видите этот текст, значит, страница генерируется динамически.
Вот несколько примеров динамически генерируемого контента:
Бывали случаи, когда тема вообще не отображала контент, если он был пустым, из-за чего PBS ошибочно считал, что страницу нельзя редактировать. Чтобы проверить это, отредактируйте страницу/запись в редакторе панели управления, попробуйте добавить любой текст в контент (например, «hello»), а затем нажмите кнопку «Редактировать с помощью Page Builder Sandwich» прямо оттуда.
Спасибо Mathias Hellquist за этот совет!
Некоторые конструкторы страниц заставляют выбирать между стандартным редактором контента WordPress и собственным редактором конструктора. Если вы уже редактировали страницу с помощью другого конструктора страниц, возможно, он уже «захватил» контент, и другие хуки/фильтры контента больше не могут выполняться. Из-за этого Page Builder Sandwich иногда не может определить, где находится ваш контент, и не отображает кнопку редактирования, так как редактировать нечего.
Чтобы исправить это, просто откажитесь от использования этого конструктора страниц для этой конкретной страницы/записи и выберите стандартный редактор контента WordPress.
Убедитесь, что у вас есть права на редактирование страницы
Кнопка редактирования не появится, если вы не можете редактировать страницу. Например, если вы являетесь редактором или автором и можете создавать записи блога и статьи на сайте, это не обязательно означает, что вы можете редактировать главную страницу или страницу контактов. Если на панели администратора отображается кнопка «Редактировать запись», вы также должны иметь возможность редактировать её с помощью PB Sandwich. При необходимости обратитесь к администратору сайта за правами на редактирование.
PB Sandwich активно использует Javascript. Если в других скриптах вашего сайта возникают ошибки Javascript, это может помешать работе PB Sandwich. Чтобы проверить, так ли это, вы можете открыть консоль разработчика в своем браузере для поиска ошибок.
Для этого рекомендуется использовать Chrome. Нажмите правой кнопкой мыши на любой элемент страницы и выберите «Просмотреть код». В нижней части браузера появится панель разработчика, перейдите на вкладку «Console». Если есть ошибки, вы увидите нечто подобное:
Если ошибка действительно есть, вы также можете получить подсказку, откуда она взялась, щелкнув или наведя курсор мыши на название скрипта:
Эти ошибки могут исходить от вашей темы или других установленных плагинов. Устранение этих ошибок поможет восстановить работу PB Sandwich.
Если ошибку Javascript вызывает ваша тема или один из плагинов, пожалуйста, сообщите нам по электронной почте [email protected], и мы сделаем все возможное, чтобы решить эту проблему 🙂
CloudFlare — популярный бесплатный сервис DNS CDN. Это отличная платформа, но в настоящее время у PBS возникают проблемы с функцией Rocket Loader. Rocket Loader сокращает время загрузки файлов Javascript, но нарушает зависимости и порядок вызова скриптов PBS. Если Rocket Loader включен, кнопка редактирования Page Builder Sandwich не появится (и никаких ошибок в консоли Javascript отображаться не будет).
Чтобы проверить, использует ли ваш сайт CloudFlare Rocket Loader, просмотрите исходный код страницы (нажмите правой кнопкой мыши и выберите «Просмотреть исходный код страницы»), а затем выполните поиск по тексту «rocketscript». Если вы найдете этот текст, значит, Rocket Loader включен.
Прочитайте статью о совместимости с CloudFlare и Rocket Loader для получения подробных инструкций по его отключению.
Что ж, если ни одно из приведенных выше решений не помогло, самое время объяснить, почему она не отображается и что с этим делать. Готовы? Поехали!
Page Builder Sandwich должен знать, где находится контент вашей страницы/записи. Мы делаем это, отслеживая загрузку контента записи WordPress и «помечая» эту область, чтобы после загрузки всего необходимого мы могли найти нужное содержимое.
Иногда некоторые плагины переопределяют или обходят этот процесс и пытаются загрузить контент по-своему. Иногда это допустимо, но в определенных сценариях, особенно когда речь идет о загрузке контента основной записи, это может привести к сбою в работе некоторых плагинов. Когда другой плагин обходит этот процесс загрузки, сделанные нами «метки» могут быть потеряны, и когда наступает время запуска редактора, он больше не может найти ваш контент. Поэтому кнопка редактирования не появляется! Вы также можете заметить, что некоторые плагины, добавляющие контент на страницу, например плагины кнопок соцсетей, также могут перестать работать именно по этой причине.
Page Builder Sandwich должен знать, где находится контент вашей страницы/записи, и для этого он подключается к фильтру the_content и оборачивает ваш основной контент в контейнер. Некоторые плагины могут переопределять это и перезаписывать содержимое функцией get_the_content() далее по цепочке. К сожалению, это предотвращает вызов ВСЕХ фильтров the_content, из-за чего контейнер PBS теряется. Изменения любых других плагинов также будут потеряны.
В использовании get_the_content() как таковом нет ничего плохого, но могут возникнуть нежелательные последствия, если эта функция используется в основном запросе и внутри шаблона отдельной записи вместо обычного вызова the_content(), при котором выполняются все фильтры the_content.
Вы можете проверить, отсутствуют ли «метки» Page Builder Sandwich, открыв страницу/запись на сайте и просмотрев исходный код страницы, будучи авторизованным. Поищите в коде строку:
data-name="main-content"
Если вы сможете её найти, то проблема, скорее всего, кроется в ошибке Javascript, и вам достаточно сообщить нам, какую тему и плагины вы используете, и мы сможем это исправить.
Но если вы не можете её найти, то, возможно, ваша тема (или плагин, но если это страница или запись блога, то, скорее всего, тема) что-то делает с контентом записи. В этом случае вам следует связаться с автором темы и сообщить ему о проблеме! Вы также можете показать ему техническое объяснение «почему», приведенное выше, это поможет в отладке 🙂
Если вы уверенно чувствуете себя при работе с PHP, вы можете попробовать исправить это, найдя файл шаблона, который обрабатывает контент записи. Одно из найденных нами решений заключается в замене вызовов:
$content = get_the_content();
на:
ob_start(); the_content(); $content = ob_get_clean();<br>
Примечание: PHP-переменная в вашем коде может отличаться, но суть остается прежней. Если это сработает, будет также лучше создать дочернюю тему, вместо того чтобы внедрять это изменение непосредственно в тему. Кроме того, из-за этого изменения могут возникнуть побочные эффекты, поэтому лучше проконсультироваться с автором вашей темы по этому поводу.
| Версия Lite | Недоступно |
| Версия Premium | Доступны все функции
|
При необходимости выделите текст, затем нажмите на элемент кнопки в инспекторе. Откроется модальное окно, где вы сможете ввести URL-адрес ссылки для кнопки. Оттуда вы также можете выполнить поиск по любой существующей веб-странице вашего сайта.
В отличие от других элементов, кнопки размещаются внутри строки (inline), что означает, что они будут располагаться рядом с другим текстом (или другими кнопками). Вы не можете перетаскивать отдельные кнопки в другие места, но можете перетаскивать кнопку вместе с окружающим ее текстом.
При редактировании, нажав на кнопку, вы сможете увидеть дополнительные параметры стилей в инспекторе. Вы также можете навести курсор мыши на кнопки, чтобы увидеть URL-адрес, на который они ведут, и другие команды.
Примечание: делайте это, если у вас уже установлен и активирован PBS, и вы хотите обновить его с помощью zip-файла, скачанного с сайта или полученного во вложении к письму от нас.
Примечание: для выполнения обновлений мы используем другой плагин, что позволяет нам сразу обновить PBS без необходимости его предварительного удаления.
Перейдите в раздел Плагины > Добавить новый, затем в поле поиска введите название плагина «Easy Theme and Plugin Upgrades»
Найдя плагин, установите и активируйте его.
После активации плагина Easy Theme and Plugin Upgrades снова перейдите в Плагины > Добавить новый, затем нажмите кнопку Загрузить плагин в верхней части экрана:
Выберите и установите zip-файл Page Builder Sandwich,
Вот и всё. Теперь у вас должна быть установлена новая версия PBS.
| Версия Lite | Доступно с ограниченными возможностями стилизации |
| Версия Premium | Доступны все функции
|
Нажмите на элемент карты, чтобы добавить карту на свою страницу. Когда элемент карты выбран, в инспекторе отображаются настройки карты. Вы можете ввести координаты широты и долготы или адрес в поле местоположения в инспекторе, чтобы центрировать карту по этой области. Там также доступны и другие параметры стилизации.
Вы можете дополнительно управлять элементом карты, перемещая ее или изменяя масштаб. Обратите внимание, что внесенные вами изменения на карте будут применены к элементу.
Для пользователей премиум-версии: вы можете стилизовать свою карту, выбрав оттенок для нее; другой вариант — использовать snazzymaps.com для создания цветовых схем и их последующего применения. SnazzyMaps можно использовать для создания цветовых схем, подобных этой: https://snazzymaps.com/style/20053/papuportal-dark Чтобы использовать эти цветовые схемы, скопируйте массив стилей Javascript в инспектор.
Высоту карты можно настраивать, однако ширина карты не регулируется и всегда подстраивается под максимально доступную ширину. Чтобы изменить ее размер, поместите карты внутрь строк и колонок. Вы также можете настроить карты так, чтобы они занимали всю ширину окна браузера.
Вы можете использовать мышь, чтобы быстро перемещать курсор в различные области вашего контента или выбирать различные элементы.
Вы также можете использовать клавиши со стрелками на клавиатуре для перемещения курсора по контенту. С их помощью можно переходить выше или ниже строк.
При работе со строками и столбцами вы можете нажимать на края строк, чтобы добавить контент непосредственно перед строкой или после нее. Это особенно полезно, если у вас есть несколько строк, вложенных друг в друга, и вы хотите вставить контент между ними.
Page Builder Sandwich не похож на обычный конструктор страниц: он понятен и прост в использовании.
Вы можете посмотреть видео ниже для краткого обзора.
Сначала создайте новую страницу, запись или CPT. Затем откройте новую запись или любую существующую во фронтенде. PBS работает полностью во фронтенде, вам не придется разбираться в бэкенде.
В верхней части страницы (на панели администратора) должна быть кнопка «Page Builder Sandwich», нажмите на нее, чтобы начать редактирование. Сверху появится панель форматирования текста, а сбоку — панель добавления элементов. Область содержимого вашей темы теперь стала вашим редактором!
С помощью PBS можно редактировать только отдельные страницы. Вы не можете редактировать список записей блога или страницу 404, так как они создаются вашей темой. Записи, страницы и произвольные типы записей подходят.
А теперь самое интересное… оказавшись во фронтенде внутри редактора, нажмите на любой текст в вашем содержимом или кликните внутри области контента и начните вводить текст! В отличие от других конструкторов страниц, PBS позволяет редактировать контент напрямую, без необходимости использовать всплывающие диалоговые окна.
При редактировании область вверху называется панелью форматирования текста. На этой панели находятся все инструменты форматирования, которые вы будете использовать для оформления текста: цвета, полужирный шрифт, курсив, выравнивание, добавление ссылок, списков и многое другое. Наведите курсор на каждую кнопку, чтобы узнать, что делает инструмент.
Наведите курсор мыши на кнопку добавления элементов в верхнем левом углу экрана, чтобы отобразить панель добавления элементов. Вы также можете просто переместить курсор к левому краю экрана, чтобы она появилась.
Чтобы вставить любой элемент, зажмите кнопку мыши на нем и перетащите его в область контента. Область, куда будет помещен элемент, подсветится. Отпустите кнопку мыши, чтобы разместить элемент.
Наведите курсор мыши на любой элемент в вашем контенте, и над ним появятся контуры и панели инструментов.
Вы можете навести курсор на края контуров, чтобы увеличить или уменьшить отступы между элементами.
Вы также можете нажать кнопку на панели инструментов, чтобы выполнить быстрые действия с элементом. Нажатие на значок шестеренки на панели инструментов откроет инспектор свойств, содержащий дополнительные параметры.
Инспектор свойств дает больше контроля над внешним видом элементов. Вы можете добавлять множество вещей, таких как тени, анимации, менять цвета карт, радиус скругления углов и многое другое.
Вы также можете получить доступ к свойствам родительских элементов. Например, если вы поместили изображение внутри колонки и открыли инспектор свойств, то сможете получить доступ к свойствам изображения, колонки, в которой оно находится, и строки, содержащей эту колонку.
Инспектор свойств содержит множество различных настроек для разных элементов, поэтому обязательно изучите их все.
Page Builder Sandwich отображает актуальные шорткоды прямо во фронтенде, и вы также можете легко их редактировать!
Если вы помните свои шорткоды наизусть, вы можете вставлять их, вводя прямо в контент. Но если вы не запомнили их все (кто так делает?), в инспекторе перечислены все шорткоды, доступные на вашем сайте. Перетащите кнопку шорткода из инспектора в область контента, найдите нужный и нажмите на него, чтобы вставить.
Шорткоды отображаются в виде реального содержимого во фронтенде. Чтобы отредактировать их, выберите шорткод и просмотрите его атрибуты в инспекторе. Или, для большего контроля, дважды щелкните по шорткоду, чтобы отредактировать его в исходном виде. После внесения правок шорткод обновится с учетом изменений.
С помощью PBS вы можете щелкнуть и перетащить что угодно и куда угодно. При перетаскивании наведите элемент на другой элемент страницы: вы можете переместить его выше или ниже любого другого контента.
Сохранение вашей работы
Когда вы будете довольны дизайном, просто нажмите кнопку сохранения в левом верхнем углу страницы. Вот и все!
Page Builder Sandwich не похож на обычный конструктор страниц: он понятен и прост в использовании.
Вы можете посмотреть видео ниже для быстрого ознакомления.
Сначала создайте новую страницу, запись или CPT. Затем перейдите к новой записи или любой существующей во фронтенде. PBS на 100% работает во фронтенде, вам не придется возиться в панели управления.
В верхней части вашей страницы (на панели администратора) должна быть кнопка «Page Builder Sandwich», нажмите на нее, чтобы начать редактирование. Сверху появится панель форматирования текста, а сбоку — панель добавления элементов. Область контента вашей темы теперь и есть ваш редактор!
С помощью PBS можно редактировать только отдельные страницы. Вы не можете редактировать список записей блога или страницу 404, так как они создаются вашей темой. Записи, страницы и произвольные типы записей подходят для редактирования.
А теперь самое интересное… как только вы окажетесь во фронтенде и внутри редактора, нажмите на любой текст в контенте или кликните внутри области контента и начните печатать! В отличие от других конструкторов страниц, PBS позволяет напрямую редактировать контент без необходимости открывать всплывающие диалоговые окна.
Во время редактирования область вверху называется панелью форматирования текста. Эта панель содержит все инструменты форматирования, которые вы будете использовать для стилизации текста: цвета, жирный шрифт, курсив, выравнивание, добавление ссылок, списков и многое другое. Наведите курсор на каждую кнопку, чтобы узнать, что делает инструмент.
Наведите курсор мыши на кнопку «Add Elements» в левом верхнем углу экрана, чтобы открыть панель добавления элементов. Вы также можете просто переместить курсор мыши к левому краю экрана, чтобы она появилась.
Чтобы вставить любой элемент, зажмите на нем кнопку мыши и перетащите его в область контента. Область, куда будет помещен элемент, подсветится. Отпустите кнопку мыши, чтобы разместить элемент.
Наведите курсор мыши на любой элемент в вашем контенте, и вокруг него появятся контуры и панели инструментов.
Вы можете навести курсор мыши на края контуров, чтобы увеличить или уменьшить отступы между элементами.
Вы также можете нажать кнопку на панели инструментов, чтобы выполнить быстрые действия с элементом. Нажатие на значок шестеренки на панели инструментов откроет инспектор свойств, содержащий дополнительные параметры.
Инспектор свойств дает вам больше контроля над внешним видом элементов. Вы можете добавлять множество параметров, таких как тени, анимация, изменение цветов карты, радиус границ и многое другое.
Вы также можете получить доступ к свойствам родительских элементов. Например, если вы поместили изображение внутрь колонки и открыли инспектор свойств, то сможете получить доступ к свойствам изображения, колонки, в которой оно находится, и строки, в которой находится эта колонка.
Инспектор свойств содержит множество различных настроек для разных элементов, поэтому обязательно изучите их все.
Page Builder Sandwich показывает реальные шорткоды прямо во фронтенде, и вы также можете легко их редактировать!
Если вы помните свои шорткоды наизусть, вы можете вставлять их, вводя прямо в контент. Но если вы не помните их все (кто вообще их запоминает?), инспектор отображает список всех шорткодов, доступных на вашем сайте. Перетащите кнопку Shortcode из инспектора в область контента, найдите нужный и нажмите на него, чтобы вставить.
Шорткоды преобразуются в реальный контент во фронтенде. Чтобы отредактировать их, выберите шорткод и просмотрите его атрибуты в инспекторе. А для большего контроля вы можете дважды кликнуть по шорткоду, чтобы отредактировать его в исходном виде. После внесения правок шорткод обновится, отображая изменения.
С помощью PBS вы можете щелкнуть и перетащить что угодно и куда угодно. При перетаскивании наведите элемент на другой элемент страницы: вы можете переместить его как выше, так и ниже любого другого контента.
Сохранение работы
Когда вы будете довольны дизайном, просто нажмите кнопку сохранения в левом верхнем углу страницы. Вот и всё!
Плагин Lite и плагин Premium — это два разных плагина. Чтобы использовать премиум-функции, вам нужно деактивировать (или удалить) версию Lite, затем установить и активировать плагин Premium, после чего ввести свой лицензионный ключ.
Примечание: если вы активируете одновременно и плагин Lite, и плагин Premium, плагин предложит вам сначала деактивировать тот, который у вас уже есть, прежде чем продолжить.
Примечание для клиентов, купивших PBS на pagebuildersandwich.com: вы также можете скачать плагин с сайта, ваш текущий лицензионный ключ должен продолжать работать. Если он не работает, свяжитесь с нами, и мы выдадим вам новый.
После покупки PBS вы должны получить электронное письмо, содержащее две вещи:
Установите и активируйте премиум-плагин, после чего перед вами должен появиться этот экран:
Введите здесь свой лицензионный ключ и нажмите Agree & Activate License. Теперь премиум-функции станут доступны.
Кроме того, вы можете перейти на страницу плагинов и найти плагин Page Builder Sandwich в списке:
Нажмите на ссылку Activate License, и вы сможете ввести свою лицензию оттуда.
С помощью Page Builder Sandwich вы можете редактировать только отдельные страницы или записи. Подумайте об этом так: если в панели управления для этого есть область «Создать запись» с редактором контента, значит, вы можете редактировать это с помощью Page Builder Sandwich.
Вы должны иметь возможность редактировать содержимое любого произвольного типа записей.
Мы позаботились о том, чтобы Page Builder Sandwich практически не влиял на производительность вашего сайта. Для неавторизованных пользователей подключаются как минимум только CSS-стили строк и колонок, а также необходимые скрипты JS и CSS для использованных вами шорткодов.
Для посетителей вашего сайта подключаются как минимум только CSS-стили строк и колонок, а также необходимые скрипты JS и CSS для использованных вами шорткодов.
Недавно мы добавили несколько исправлений, связанных с проблемой совместимости при одновременной активации плагинов Page Builder Sandwich и IMPress for IDX Broker. Это вызывало сбой во фронтенде для авторизованных пользователей.
Исправление восстановило работоспособность PBS, однако нам пришлось убрать возможность вставки виджета IDX Broker внутри редактора. Несмотря на это, виджет IDX Broker по-прежнему можно использовать в меню «Внешний вид» > «Виджеты».
Чтобы работать быстрее, вы можете использовать различные сочетания клавиш, доступные в Page Builder Sandwich.
Это сочетания клавиш для команд, не относящихся к форматированию и инструментам. Чтобы узнать горячие клавиши для форматирования/инструментов, наведите курсор мыши на каждую кнопку на панели форматирования текста для просмотра комбинации клавиш.
| Сочетание клавиш | Описание |
| CTRL+E (вне режима редактирования) | Начать редактирование |
| CTRL+SHIFT+R (в режиме редактирования) | Обновить страницу (поскольку CTRL+R используется для выравнивания по правому краю) |
| CTRL+S | Сохранить изменения |
| CTRL+ESC | Отменить изменения и завершить редактирование |
| CTRL+C | Копировать |
| CTRL+V | Вставить |
| CTRL+X | Вырезать |
| CTRL+ENTER | Разрыв строки / следующая строка |
| CTRL+Z | Отменить |
| CTRL+SHIFT+Z (Mac) CTRL+Y (ПК) |
Повторить |