Page Builder Sandwich би трябвало да е съвместим с различните модули на Jetpack.
Модулът Markdown прави нещо специално при запазване на съдържание, което води до загуба на промени по време на преобразуването на markdown. За да се справи с това, markdown текстът в бекенд редактора се превръща в html тагове при запазване на промените ви от фронтенда. (Благодарности на Jake Jackson за помощта)
Тествахме Page Builder Sandwich с PHP 7 и всичко би трябвало да работи без никакви проблеми.
Бъдете внимателни, когато надграждате сайта си от по-ниска версия към PHP 7, тъй като има много несъвместимости с по-ниските версии, на които трябва да се обърне внимание във всички ваши теми и разширения.
Има Javascript грешка, която възниква, когато Page Builder Sandwich & Materialize се използват заедно. Има конфликт между materialize.js и инструмента за избор на цвят на ядрото на WordPress.
Има докладван проблем в хранилището в GitHub на Materialize относно това: https://github.com/Dogfalo/materialize/issues/2821
Плъгинът ще продължи да работи правилно, стига да не деактивирате лиценза на сайта си. След като го деактивирате, не можете да го активирате отново.
Няма да можете да получавате актуализации от таблото за управление на WordPress или да имате достъп до по-нови версии. Няма да можем да ви предоставим страхотна персонализирана поддръжка.
Когато за първи път закупите Page Builder Sandwich, .zip файл, съдържащ плъгина, ще бъде автоматично изтеглен на вашия компютър.
В случай че го загубите, можете да изтеглите вашия .zip файл отново, като отворите тази връзка: https://dashboard.freemius.com/license-recovery/203/page-builder-sandwich/
Въвеждането на вашия лиценз на тази връзка ще ви позволи да изтеглите вашия .zip файл на Page Builder Sandwich, заедно с данните за вашия лиценз и акаунт.
Добавянето на уиджети може да се извърши чрез щракване върху бутона Widget Element в секцията Elements section в инспектора. При щракване би трябвало да се появи изскачащ прозорец, който изброява всички уиджети, открити от Page Builder Sandwich във вашия сайт.
Всички уиджети, открити във вашия WordPress сайт, могат да бъдат добавяни, но някои уиджети, които използват персонализиран/специализиран JavaScript код в настройките си, може да не работят правилно. Уиджетите, които използват следните компоненти, може да не работят:
Стандартните уиджети на WordPress и подобно създадените уиджети не би трябвало да имат проблеми.
Ако наистина се нуждаете от този конкретен уиджет, има начин да заобиколите проблема.
Можете да използвате разширението Custom Sidebars by WPMU Dev, за да създадете нова странична лента/област за уиджети и да добавите вашия уиджет там по стандартния начин през Външен вид > Уиджети. След това в Page Builder Sandwich добавете Sidebar Element и изберете страничната лента, която съдържа нужния ви уиджет.
Друга алтернатива е да пресъздадете желания от вас ефект, като използвате различните елементи и стилове, налични в Page Builder Sandwich.
Технически това би трябвало да работи с всякакви и всички теми.
Заедно с нашите потребители и клиенти успешно сме използвали Page Builder Sandwich с множество теми, включително теми от хранилището за теми на WordPress.org, Genesis теми, теми на StudioPress, Elegant Themes и теми от ThemeForest.
Въпреки това може да има случаи, когато вашата тема прави нещо нестандартно и това да попречи на Page Builder Sandwich да работи правилно. Когато това се случи, моля, изпратете ни запитване за поддръжка и ние ще се опитаме да го отстраним.
Изтриването на неща в Page Builder Sandwich обикновено се извършва просто чрез избиране на текста или елемента и след това натискане на клавиша delete или backspace.
Друга алтернатива е да кликнете върху бутона за изтриване / премахване в инспектора:
Има случаи, в които това не работи. Елементите, при които това няма да работи, обикновено са контейнери като редове, колони или въртележки (carousels). Това е с цел предотвратяване на случайно изтриване при изтриване на съдържание.
За да изтриете тези елементи, кликнете върху бутона за изтриване / премахване в свойствата на елемента в инспектора. Например, за да изтриете ред, ще трябва да използвате тази област:
Добавянето на изображения е много лесно. Можете или:
Page Builder Sandwich вече е достъпен на:
Ако искате да допринесете за развитието на Page Builder Sandwich, като го преведете на вашия език, посетете нашата страница в Transifex!
Постарахме се Page Builder Sandwich да има почти нулево въздействие върху производителността на вашия уебсайт. Когато не сте влезли в профила си, като минимум се зареждат само CSS стиловете за редове и колони, заедно с необходимите JS и CSS скриптове за кратките кодове, които сте използвали.
Имаше предишен проблем относно NextGen и Page Builder Sandwich.
Преди версия 2.12, PBS по някакъв начин задействаше NextGen да показва съобщение за грешка, което водеше до празен бял екран на сайта ви. Това е коригирано от версия 2.12, така че ако използвате по-стара версия, моля, актуализирайте.
Съществуват хиляди теми и други разширения. Така че, въпреки че се стараем да бъдем внимателни и да изграждаме всичко според стандартите, понякога нещата могат да се объркат.
Ако забележите, че Page Builder Sandwich не работи правилно във вашата инсталация, ето няколко стъпки, които можете да предприемете, за да отстраните проблема.
Вижте статията тук: The „Edit with Page Builder Sandwich“ Button Doesn’t Appear Ако това не реши проблема, продължете да четете.
Прегледайте различните статии в категорията „Troubleshooting“ в документацията.
WordPress, вашите разширения, вашата тема и дори Page Builder Sandwich. Винаги е добра практика всичко да е актуално. Уверявайки се, че нещата ви са обновени, си гарантирате, че разполагате с най-новите корекции на грешки и уязвимости за вашия сайт.
Ако не можете да редактирате съдържанието си с Page Builder Sandwich (и вероятно се е появило изскачащо съобщение за грешка), възможно е съдържанието на текущата страница да е изцяло генерирано от вашата тема / разширение. За да проверите това, редактирайте страницата/публикацията си в административния панел нормално чрез WordPress, след което проверете дали запазеното съдържание се появява в публичната част. Ако не се появи, това означава, че съдържанието на страницата/публикацията е изцяло генерирано и не може да се редактира с PBS.
Понякога дадено разширение може да влезе в конфликт с Page Builder Sandwich. За да проверите кое разширение причинява конфликта, деактивирайте едно разширение и проверете дали PBS започва да работи отново. Направете това за всяко от вашите активирани разширения. Ако PBS заработи отново и можете да редактирате страниците си, значи разширението, което току-що сте деактивирали, не е съвместимо с PBS. В такива случаи се свържете с нас по имейл на [email protected] и ни уведомете, за да можем да го поправим.
Ако деактивирането на разширенията не даде резултат, опитайте да превключите темата си към стандартната тема на WordPress (темите Twenty-Something). Ако след това можете отново да редактирате съдържанието си с Page Builder Sandwich, значи използваната от вас тема не е съвместима с PBS. Изпратете ни тази информация по имейл на [email protected] и ни уведомете, за да можем да го поправим.
В редки случаи разширение за браузър може евентуално да попречи на правилната работа на Javascript кода в уебсайта. За да проверите дали разширение на браузъра създава проблеми, отворете браузъра си в режим инкогнито (Chrome) или в частен режим и опитайте да отворите PBS – това ще отвори нов раздел без никакви разширения. Ако заработи, значи имате конфликтуващо разширение.
Установено е, че браузърното разширение PageXray причинява проблеми.
Можете да вграждате съдържание от различни сайтове като видеа от YouTube, видеа от Vimeo, туитове и дори коментари от Reddit, като поставите техните постоянни URL адреси в Page Builder Sandwich.
Имайте предвид, че един цял ред от текста трябва да съдържа само URL адреса
Page Builder Sandwich работи съвместно с функцията oEmbed на WordPress. Следователно URL адресите, които можете да вграждате в административния панел, би трябвало да се поддържат. Разширенията, които добавят поддръжка за допълнителни доставчици на oEmbed, също би трябвало да работят.
Можете да намерите списък с доставчици на oEmbed от кодекса: https://codex.wordpress.org/Embeds
Кратките кодове могат да бъдат поставени или въведени директно по време на редактиране. След като въведете своя кратък код, натиснете Enter или излезте от него и той веднага ще се покаже във визуализирания си вид.
Друг начин за добавяне на кратки кодове е да кликнете върху елемента Shortcode във вашия инспектор. Това ще отвори изскачащ прозорец, който изброява всички кратки кодове, налични на вашия сайт. Изберете един или кликнете два пъти върху някой от тях, за да го вмъкнете.
Можете да редактирате кратки кодове по 2 начина:
Атрибутите на краткия код не могат да бъдат разпознати от Page Builder Sandwich. Затова ще трябва да ги въведете ръчно. Работим по начин за свързване на кратките кодове в системата, за да направим това лесно за всички. Очаквайте новини за това.
Можете да редактирате само съдържанието на страници, публикации и персонализирани типове публикации с помощта на Page Builder Sandwich.
Не можете обаче да редактирате шаблонни файлове на тема като например:
Погледнете на това по следния начин: ако в административната лента в лицевата част (frontend) има „Редактиране на публикация“ или „Редактиране на страница“, тогава страницата би трябвало да може да се редактира.
Можете да вграждате съдържание от различни сайтове като видеоклипове от YouTube, видеоклипове от Vimeo, снимки от Instagram, снимки от Flickr, туитове и дори коментари от Reddit, като поставите директно техните постоянни URL адреси.
https://www.youtube.com/watch?v=dQw4w9WgXcQ
Можете да намерите списък с поддържаните за вграждане URL адреси в кодекса на WordPress: https://codex.wordpress.org/Embeds
Можете също така да инсталирате други разширения, които добавят поддръжка за допълнителни URL адреси за вграждане. Например, URL адресите на Wistia не се поддържат фабрично от WordPress, но можете да инсталирате тяхното разширение, за да активирате вграждането, след което PB Sandwich също би трябвало да може да ги обработва.
Имайте предвид, че за да работи това, целият ред с текст трябва да съдържа само URL адреса.
Можете също така директно да поставяте кодове за вграждане.
Кодовете за вграждане изглеждат така:
<iframe width="420" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen></iframe>
Имайте предвид, че за да работи това, целият ред с текст трябва да съдържа само кода за вграждане.
Кликнете върху инструмента „Добавяне на мултимедия“, след което поставете своя URL адрес в раздела „Вмъкване от URL адрес“.
Markdown по същество е синтаксис, който въвеждате по време на редактиране, за да добавите или промените форматирането на вашия текст. Те са като клавишни комбинации, но вместо да натискате комбинацията, вие я изписвате.
По-долу е даден списък с всички поддържани синтаксиси на Markdown в Page Builder Sandwich.
## Заглавие2
### Заглавие3
до:
###### Заглавие6
> Цитат
(4 интервала)Предварително форматиран текст/код
* Списък с водещи символи - Списък с водещи символи
1. Номериран списък 1) Номериран списък
- ------------------------------(или няколко тирета)
Въвеждането на URL адреси автоматично ще се преобразува във връзка:
Посетете https://pagebuildersandwich.com
Посетете [Page Builder Sandwich](https://pagebuildersandwich.com
Page Builder Sandwich беше създаден да бъде възможно най-ненатрапчив, така че другите плъгини да нямат проблеми със съвместното съществуване с нашия.
Понякога обаче има изключения от това. По-долу е даден списък с плъгини, които имат някои особености при работа съвместно с Page Builder Sandwich. Това не означава непременно, че те не работят и че са несъвместими, а само че определено поведение може да бъде различно.
Ще продължим да обновяваме този списък. Ако сте открили нещо, не се колебайте да изпратите билет за поддръжка на [email protected]
В премиум версията на Page Builder Sandwich можете да използвате свои собствени SVG / векторни икони. Ето как:
Качените икони могат да се използват и като водещи символи в списъци с маркери, както и като икони за бутони.
Забележка: Ако вашата икона не се появява при търсенията, възможно е името на файла да не е било разпознато правилно от PBS. В такива случаи можете да използвате думите „custom“ или „upload“, за да намерите качените си икони.
Проверява дали 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 в потребителския интерфейс (front-end), като използвате филтъра pbs_is_editable_by_user.
Например, за да спрете показването на PB Sandwich в потребителски тип публикация (Custom Post Type) с идентификатор (slug) 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]
PBS >= 4.3
PBS добавя обвивка, за да идентифицира областта със съдържанието на публикация. Това се извиква преди поставянето на обвивката.
$content
String. Съдържанието на публикацията с приложената обвивка.
$all_shortcodes = PageBuilderSandwich::get_all_shortcodes()
Няма.
Масив. Масив от всички открити тагове за кратки кодове.
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
Низ. Съдържанието на публикацията с приложена обвивка.
PageBuilderSandwich::is_editable_by_user()
Няма.
Boolean. True, ако PBS може да редактира публикацията, false в противен случай.
PBS >= 4.3
Извлича инстанцията на PageBuilderSandwich
$pbs = PageBuilderSandwich::instance()
Няма.
Обект PageBuilderSandwich. Текущата инстанция на класа PBS.
Филтър за модифициране на CSS стиловете, които се запазват за публикация. Извиква се, когато е стартирано запазване от редактора на PBS.
$style
String. CSS стиловете, изпратени за запазване.
$post_id
Int. Идентификаторът на публикацията, която запазваме.
Извиква се, когато редакторът на 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
Масив. Масив от ключове и стойности, които ще станат достъпни в Javascript променливата на ниво прозорец (window-level) pbsFrontendParams
Направете променлива достъпна във фронтенда
add_filter( 'pbs_localize_frontend_scripts, 'add_my_property' );
function add_my_property( $params ) {
// This will be available in Javascript under pbsFrontendParams.myProperty
$params['myProperty'] = 'My Property';
return $params;
}
Извиква се непосредствено преди редакторът да запази съдържанието. Можете да използвате това, за да добавите допълнителни данни за изпращане по време на записването (това не записва данните, а само ги изпраща чрез Ajax към бекенда)
payload
Обект FormData. Данните, изпратени чрез Ajax за записване.
wp.hooks.addAction( 'pbs.save.payload', function( payload ) {
// Add data to be sent during saving.
payload.append( 'my_data', 'My Data' );
}
По-голямата част от Page Builder Sandwich е Javascript и добавихме множество методи, така че разработчиците да могат да разширяват и добавят повече функционалност към нашия конструктор на страници.
За да улесним разработчиците, моделирахме нещата според начина, по който работи WordPress – чрез куки!
В WordPress обикновено използвате функциите add_filter() и add_action(), за да модифицирате или допълвате поведението на WP. По подобен начин в 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
Ако не можете да намерите къде сте запазили вашето копие на премиум плъгина, можете да отидете тук и да въведете своя имейл адрес, за да го възстановите. Плъгинът ще ви бъде изпратен по имейл.
https://dashboard.freemius.com/license-recovery/203/page-builder-sandwich/
Поставяне на скрипт или стил на опашка (enqueue) заедно с 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 променливата на ниво window pbsParams
Добавяне на неоткрит кратък код в редактора
add_filter( 'pbs_frontend_scripts, 'add_my_shortcode' );
function add_my_shortcode( $params ) {
$params['shortcodes'][] = 'my_shortcode';
return $params;
}
Това е премиум функция и е налична във версия 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
Int. Идентификаторът на публикацията, която запазваме.
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;
}
Извиква се непосредствено преди съдържанието да бъде запазено. Това се извиква, когато запазването е инициирано от редактора на 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.
$content
String. Окончателното съдържание на публикацията, което ще бъде запазено.
$post_id
Int. Идентификаторът на публикацията, която запазваме.
От версия 4.0 насам вече можете да превключвате между изгледи за десктоп, таблет и мобилен телефон, докато редактирате! Наричаме това адаптивен режим (responsive mode). В адаптивен режим вашият сайт се преоразмерява в по-малък размер, за да симулира как би изглеждал на по-малки екрани.
Докато преглеждате сайта си в изгледи за таблет или мобилен телефон, ще имате ограничени възможности за редактиране. При тях можете да правите САМО следното:
* PBS прилага определени адаптивни стилове към вашите елементи и редове, така че някои отстъпи няма да могат да се регулират.
Ето някои неща, които не можете да правите:
Ако преглеждате сайта си в изгледи за таблет или мобилен телефон, всички корекции на отстъпите (margins), които правите, се прилагат само за текущия изглед и за по-малкия изглед. Това ви позволява да коригирате дизайните си, за да изглеждат по-добре на по-малки екрани, независимо от пълната десктоп версия.
Ето един пример за по-голяма яснота.
Това се отнася само за корекции на отстъпи (margins); промените в текста или в стила на текста се прилагат за всички размери на екрана.
Когато преглеждате в изгледи за таблет или мобилен телефон, вашите редове ще имат нов бутон с „око“ в лентата с инструменти, който ще се показва при посочване с мишката върху тях. Кликването върху него ще ви позволи да показвате/скривате реда за текущия размер на екрана.
Скритите редове ще станат малко прозрачни по време на редактиране, за да покажат, че ще бъдат скрити, след като приключите с редактирането.
Имайте предвид, че тази функция е налична само за редове.
Ако използвате 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. Точно под името би трябвало да можете да видите връзка за деактивиране заедно с други връзки като Редактиране или Смяна на лиценза (това може да варира на вашия сайт). Кликнете върху връзката за деактивиране, за да спрете плъгина.
В повечето елементи (но не и в кратките кодове обаче) можете да зададете входна анимация, която се възпроизвежда, когато елементът стане видим на екрана ви.
За да направите това, задръжте курсора над елемент, за да се появи лентата с инструменти, и след това щракнете върху бутона със зъбно колело.
Това би трябвало да отвори инспектора. Отидете до зоната Animations, отворете я и изберете анимация.
След като изберете анимация, тя трябва да се възпроизведе като визуализация. Можете допълнително да настроите анимацията чрез другите предоставени опции.
Анимациите се възпроизвеждат само когато потребителят скролва и елементът влезе в полезрението. Ако елементът вече е видим при зареждането на страницата ви, той няма да се анимира.
Не, няма! Всички ваши страници и съдържание ще останат на сайта ви. Това означава, че можете безопасно да деактивирате PBS при надграждане от безплатната към премиум версията, или когато просто тествате нещата.
Въпреки това, не всичко ще изглежда по същия начин. Ще забележите, че някои елементи на страницата ви ще се променят, тъй като PBS съдържа допълнителни стилове и скриптове, необходими за някои от по-сложните елементи.
Ето някои неща, които ще останат, когато деактивирате PBS:
Ето някои неща, които ще изчезнат, когато деактивирате PBS:
Ако сте запазили промените в страницата си и…
това може да означава, че запазването не е задействало изчистването на съхранените данни от вашето решение за кеширане.
Ако използвате някакъв вид решение за кеширане – като плъгин за кеширане от типа на W3 Total Cache, софтуер за кеширане от страна на сървъра като Memcached или Redis, или DNS кеширане като CloudFlare – възможно е то да не е изчистило вашето запазено съдържание.
Един начин да проверите дали случаят е такъв, е да редактирате страницата си в бекенда (по стандартния начин), след което да прегледате страницата си във фронтенда. Ако съдържанието ви не се е променило, може би кешът ви не се е изчистил автоматично.
Някои решения за кеширане извън WordPress имат безплатен съпътстващ плъгин за WordPress, който може да помогне за прочистването или изчистването на текущия кеш; решенията за WordPress обикновено разполагат с бутони или опции за това.
Възможно е също така по време на запазването да е възникнала някаква PHP грешка.
За да проверите дали това се случва, отворете конзолата за разработчици (за предпочитане в Chrome) и отидете в раздела Network. След като сте там, запазете промените си в PBS, след което би трябвало да видите множество записи към admin-ajax.php. Ако видите това в червено, това означава, че е възникнала грешка. Проверете дали виждате нещо подобно:
Ако случаят е такъв, моля, изпратете ни имейл на [email protected] заедно с необходимите данни за вход, за да можем да проверим проблема и да го отстраним вместо вас.
Моля, прочетете статията за съвместимост с Wordfence тук: http://docs.pagebuildersandwich.com/article/214-wordfence-firewall-setup-compatibility
Забележка: Това не се отнася за клиенти на 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] и ни дайте подробности за проблема и вашия сайт.
За да добавите бързо примерен текст, въведете думата „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.
Тук добавих ред с фонов цвят и след това добавих изображение в него. Ето го:
За да го накарате да се „подава“ над контейнера, задръжте курсора на мишката върху елемента, който искате да преместите. След това, когато се появят очертанията, преместете курсора над горната част на очертанието. Трябва да се покаже текущата стойност на горното отстояние (top margin):
Кликнете и плъзнете горното отстояние нагоре, за да намалите отстоянието, превръщайки го в отрицателна стойност:
Сега изображението се „подава“ извън реда!
Ако елементът се изрязва, когато преминава извън реда, отворете инспектора на свойствата за реда и изключете опцията overflow hidden в разширените настройки (Advanced):
За да вградите съдържание от външни уебсайтове, просто поставете 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.
Ако се опитвате да плъзгате манипулаторите за горен и долен margin или padding и отстъпите на елемента не се променят, може да има други стилове, които принудително презаписват промените в стила. Това може да се случи и когато не можете да променяте фонове, рамки или когато прозрачните изображения винаги получават фонов цвят.
За да откриете проблема, отворете инспектора на браузъра си и инспектирайте елемента. Прегледайте стиловете за този елемент. Ако видите нещо подобно:
Тогава можете да бъдете сигурни, че или вашата тема, или някой плъгин пречи на прилагането на други стилове към елемента. Задръжте курсора на мишката върху стиловия файл (stylesheet), за да разберете от коя тема/плъгин идва.
За да поправите това, премахнете частта „! important“ от стила и би трябвало отново да можете да прилагате стилове. Може да се наложи да се свържете с автора на темата или плъгина, за да коригира това.
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
Забележка: По подразбиране заглавната част е премахната само от началната страница.
За да премахнете заглавната част или менюто от някоя от страниците си, ще ви е необходим плъгин, който ви позволява да добавяте потребителски CSS, като например Jetpack.
За да премахнете заглавната част, ще ви е необходим ID на публикацията (post 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;
}
Можете да добавяте фонови изображения към своите редове и фонове. Нещо повече, можете също така да тонирате фоновото си изображение с цвят, за да пасне по-добре на дизайна ви.
Например тук имам ред с фоново изображение и насложен бял текст. В момента текстът се вижда доста трудно заради фоновото изображение, което избрах.
За да изглеждат нещата по-добре, можем да добавим малко цвят към нашето фоново изображение. За да направите това, задръжте курсора на мишката върху реда, след което щракнете върху иконата със зъбно колело на реда, за да отворите свойствата му. Отидете на опциите за Фон, след което включете Тониране на фоново изображение.
След като се включи, променете цвета на фона и това ще добави цветен нюанс към вашето фоново изображение. Можете също да промените наситеността или непрозрачността на нюанса. Ето моя фон, тониран в зелено, за да бъде текстът по-видим:
Page Builder Sandwich редовно проверява дали все още сте влезли в WordPress. Това се прави, за да се гарантира, че промените ви наистина ще бъдат запазени, когато натиснете бутона за запазване. Използва се и за заключване на публикации и автоматично запазване.
Ние разчитаме на WordPress Heartbeat API, за да извършваме нашите проверки, а то от своя страна разчита на бисквитките и сесиите на браузъра. Така че, ако продължавате да получавате тези изскачащи прозорци за „изтекла сесия“, докато редактирате, може би нещо пречи на WordPress да ви проследява правилно. Ето няколко неща, които можете да направите, за да разрешите това:
Ако имате инсталирани разширения за кеширане, или DNS кеширане, или каквато и да е форма на кеширане, изчистете ги. Също така изчистете кеша на браузъра си. Възможно е да не зареждате най-новите скриптове за вашия сайт.
Възможно е също така бисквитките ви да са се повредили, което лесно може да се реши чрез изчистване на бисквитките на браузъра от неговите настройки. Обикновено това се намира близо до опцията за изчистване на кеша на браузъра.
Отидете на Настройки > Общи и проверете вашите настройки. Потърсете настройките за Адрес на WordPress (URL) и Адрес на сайта (URL). Домейните и протоколите в тях трябва да съвпадат с реалния ви домейн. Например, ако в едното пише „http://“, но вие влизате в сайта си чрез „https://“, тогава настройките трябва да показват „https://“. Друг често срещан проблем е, когато единият от тези URL адреси има „www“, а другият няма.
Те трябва да съвпадат:
или:
За да поправите това, можете да промените настройките от Настройки > Общи. Ако не можете да редактирате тези настройки, можете да отворите вашия FTP клиент, да редактирате файла wp-config.php и да добавите редовете:
define( 'WP_HOME', 'http://example.com' ); define( 'WP_SITEURL', 'http://example.com' );
| Lite версия | Не е наличен |
| Premium версия | Всички функции са налични
|
Въртележките са модерен начин за добавяне на съдържание, което се превърта многократно пред погледа. Page Builder Sandwich разполага с вграден елемент въртележка, който може да се използва, премахвайки необходимостта от външни разширения за въртележки.
Щракването върху бутона със зъбно колело на елемента въртележка ви позволява да конфигурирате поведението на въртележката, като например анимация на слайдовете, забавяне и други. При създаването получавате три слайда на въртележката, с които да работите, с опция за добавяне или изтриване на слайдове. Всички тези слайдове приемат обичайните използвани елементи, като текст, изображения и определени кратки кодове (shortcodes).
Превключването на слайдове е толкова лесно, колкото простото избиране на самите бутони за навигация. Редът на слайдовете също може да бъде променян чрез свойствата (иконата със зъбно колело).
За да промените статуса на публикацията си, задръжте курсора на мишката над индикатора за падащо меню на бутона за запазване в горния ляв ъгъл на екрана. Това ще покаже още опции за запазване.
Ако използвате lite версията, може да сте забелязали жълтите триъгълни флагчета. Те показват дали определен бутон/елемент/опция е премиум функция.
Ако искате да ги скриете, можете да отидете в своето табло за управление, да отворите страницата с настройки в PBSandwich > Settings и да поставите отметка на настройката за Hide Premium Feature Flags
Не искаме претрупан интерфейс и искахме всичко да бъде интуитивно и лесно за откриване. Така че, въпреки че потребителският интерфейс на Page Builder Sandwich изглежда семпъл, той е доста мощен и можете да правите много неща, докато редактирате.
Можете също така да правите много практични неща с помощта на курсора на мишката. Интерактивни наслагвания и ленти с инструменти се появяват, когато задържите курсора на мишката над различни елементи. Всеки от тях прави различни неща, като например:
| Lite версия | Всички функции са налични |
| Premium версия | Всички функции са налични |
Кликнете върху HTML елемента в Инспектора, за да добавите нов HTML елемент; трябва да се появи модален прозорец. Въведете или поставете вашия HTML код там, след което кликнете върху запазване на HTML. Вашият HTML код вече трябва да се показва в редактора.
Задръжте курсора на мишката върху HTML елемента, за да се покаже лентата с инструменти. Можете да редактирате своя HTML код, като кликнете върху иконата с молив в лентата с инструменти или като кликнете два пъти върху самия елемент.
След като започнете да редактирате с PBS, задръжте курсора на мишката върху заглавието на вашата страница/публикация, върху него трябва да се появи очертание. Кликнете върху заглавието, за да поставите курсора си върху него и да го промените.
Инструментите за форматиране не са налични в областта на заглавието, не можете да променяте неговите стилове, нито да добавяте елементи към заглавието.
Редовете и колоните са инструменти, които можете да използвате за създаване на структурирано съдържание на секции.
Когато редактирате с помощта на Page Builder Sandwich от новосъздадена страница/публикация, съдържанието, което въвеждате, ще бъде разположено в една колона. Това е подходящо за писане на публикации в блог, но ако искате специални оформления за начални страници (landing pages) или страници за контакти, вероятно ще ви е необходимо оформление с 2 колони или дори комбинация от различни колони в страницата.
Можете да добавяте редове и колони, като използвате тези бутони в инспектора:
След като бъде добавен, новият ви ред ще бъде очертан:
Можете да поставяте каквото пожелаете в редовете и колоните – текст, кратки кодове (shortcodes), уиджети и дори да добавяте още редове и колони.
Когато даден ред (или съдържание в него) е избран, в инспектора ще станат налични повече опции. Можете да използвате тези бутони за допълнително стилизиране на вашата секция:
Под това в инспектора има и допълнителни опции за стилизиране на колоните ви.
Можете да премествате редове на различни места, като щракнете и задържите върху самия ред (ако щракнете и задържите върху елемент в него, ще бъде плъзнат елементът, а не редът).
| 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 масива със стилове в инспектора.
Височината на картите може да се регулира, но ширината им не може и винаги ще се оразмерява до максималната налична ширина. За да я преоразмерите, поставете картите си в редове и колони. Можете също така да настроите картите да заемат пълната ширина на браузъра.
Можете да използвате мишката си, за да поставите бързо курсора на различни места в съдържанието си или да изберете различни елементи.
Можете също така да използвате бутоните със стрелки на клавиатурата си, за да местите курсора в съдържанието си. Можете да използвате това, за да отидете над или под редовете.
Когато работите с редове и колони, можете да щракнете върху краищата на редовете, за да добавите съдържание точно след или преди вашия ред. Това е особено полезно, ако имате множество редове един в друг и искате да добавите съдържание между тях.
Ако не виждате бутона „Edit with Page Builder Sandwich“ в публичната част на вашия сайт, ето няколко неща, които можете да опитате:
Бутонът за редактиране на PB Sandwich е наличен в лентата за администриране в публичната част. Уверете се, че администраторската лента е видима, като влезете в административния панел и отидете до Потребители > Вашият профил и проверите дали полето за Показване на лентата с инструменти при разглеждане на сайта е отметнато.
Само публикации, страници и персонализирани типове съдържание подлежат на редактиране в публичната част. Можете да редактирате елементи в публичната част само ако можете да ги редактирате с помощта на редактора на съдържание на WordPress в административния панел. Другите области на вашия сайт – напр. списъкът с публикации на началната страница, списъкът с всички блог публикации, списъците с категории, страниците 404, страниците за търсене – са динамични страници, създадени от WordPress заедно с темата, която използвате, и не могат да се редактират с помощта на PB Sandwich.
Един индикатор за това дали текущата уеб страница може да се редактира, е ако виждате „Редактиране на публикацията“ или „Редактиране на страницата“ в лентата за администриране.
Ако вашата страница/публикация се генерира динамично от тема или разширение, тя няма да може да се редактира с Page Builder Sandwich (и най-вероятно с други конструктори на страници). Ако забележите, че редакторът на съдържание в административния панел е празен, но при преглед на страницата в публичната част тя е пълна със съдържание, това е добър индикатор, че страницата ви е генерирана динамично.
За да проверите дали страницата ви се генерира динамично, прегледайте изходния код на уеб страницата си (щракнете с десния бутон на мишката и изберете „Преглед на изходния код на страницата“). Потърсете текста „pbs-main-wrapper“ – ако не виждате този текст никъде, значи страницата ви е динамично генерирана.
Ето няколко примера за динамично генерирано съдържание:
Имало е случаи, в които темата изобщо не показва съдържанието, ако е празно, и това е накарало PBS погрешно да реши, че страницата не подлежи на редактиране. За да проверите дали случаят е такъв, редактирайте страницата/публикацията си в административния редактор, опитайте да добавите какъвто и да е текст в съдържанието (например „здравей“), след което щракнете върху бутона „Edit with Page Builder Sandwich“ оттам.
Благодарим на Mathias Hellquist за този съвет!
Някои конструктори на страници ви карат да изберете дали да използвате редактора на съдържание по подразбиране на WordPress, или собствения редактор на конструктора. Ако вече сте редактирали страницата си с помощта на друг конструктор на страници, възможно е този конструктор вече да е „присвоил“ съдържанието и другите куки/филтри за съдържание вече да не могат да се изпълняват. Поради това понякога Page Builder Sandwich няма да може да открие къде се намира вашето съдържание и няма да покаже бутона за редактиране, тъй като няма нищо за редактиране.
За да поправите това, просто изберете да не използвате този конструктор на страници за тази конкретна страница/публикация и предпочетете да използвате редактора на съдържание по подразбиране на WordPress.
Уверете се, че имате права за редактиране на страницата
Бутонът за редактиране няма да се появи, ако нямате права да редактирате страницата. Например, ако сте редактор или автор и можете да пишете публикации в блога и статии в сайта, това не означава непременно, че можете да редактирате началната страница или страницата за контакт с нас. Ако виждате бутона „Редактиране на публикацията“ на лентата за администриране, тогава би трябвало да можете да я редактирате и с PB Sandwich. Поискайте права за редактиране от администратора на сайта, ако имате нужда от тях.
PB Sandwich използва интензивно Javascript. Ако има Javascript грешки, идващи от други скриптове във вашия сайт, това може да попречи на работата на PB Sandwich. За да проверите дали случаят е такъв, можете да отворите конзолата за разработчици във вашия браузър, за да проверите за грешки.
Бих препоръчал да използвате Chrome за това. Щракнете с десния бутон на мишката върху произволно място на страницата, след което щракнете върху опцията „Проверка“ (Inspect). Това ще отвори нова секция в долната част на браузъра ви, щракнете върху раздела „конзола“ (console). Ако имате грешки, трябва да видите нещо подобно:
Ако имате грешка, можете също да се ориентирате откъде идва тя, като щракнете или задържите курсора на мишката над името на скрипта:
Тези грешки могат да идват от вашата тема или от други разширения, които използвате. Отстраняването на тези грешки може да накара PB Sandwich да заработи отново.
Ако вашата тема или някое от разширенията ви причинява Javascript грешката, моля, уведомете ни по имейл на [email protected] и ние ще направим всичко възможно, за да отстраним проблема 🙂
CloudFlare е широко използвана безплатна DNS CDN услуга. Тя е страхотна, но PBS в момента има проблеми с функцията Rocket Loader. Rocket Loader подобрява времето за зареждане на Javascript файлове, но обърква зависимостите и реда на извикване на скриптовете на PBS. Ако сте включили Rocket Loader, бутонът за редактиране на Page Builder Sandwich няма да се появи (и няма да се покажат Javascript грешки в конзолата).
За да проверите дали сайтът ви използва Rocket Loader на CloudFlare, прегледайте изходния код на уеб страницата си (щракнете с десния бутон и изберете „Преглед на изходния код на страницата“), след което потърсете текста „rocketscript“. Ако намерите този текст, значи Rocket Loader е включен.
Прочетете статията за Съвместимост с CloudFlare & Rocket Loader за пълни инструкции как да го изключите.
Добре, в този момент, ако никое от горните решения не помогне, може би е време да обясним защо той не се показва и какво да направите по въпроса. Готови ли сте? Да започваме!
Page Builder Sandwich трябва да знае къде се намира съдържанието на вашата страница/публикация. Правим това, като следим кога WordPress зарежда съдържанието на публикацията и „маркираме“ тази област, така че когато всичко се зареди, да можем да намерим къде са важните неща.
Понякога някои разширения презаписват или заобикалят този процес и вместо това се опитват да заредят съдържанието по свой собствен начин. Понякога това не е проблем, но в определени сценарии, особено когато става въпрос за зареждане на съдържанието на основната публикация, това може да доведе до спиране на работата на някои разширения. Когато друго разширение заобиколи този процес на зареждане, „маркировките“, които сме направили, могат да се загубят и когато дойде време редакторът да се задейства, той вече не може да открие къде е вашето съдържание. Така бутонът за редактиране не се появява! Може също да откриете, че някои разширения, които добавят съдържание към вашата страница, като например някои разширения за споделяне в социалните мрежи, също спират да работят точно поради същата причина.
Page Builder Sandwich трябва да знае къде се намира съдържанието на вашата страница/публикация и прави това, като се закача за филтъра the_content и добавя обвивка (wrapper) около основното ви съдържание. Някои разширения могат да отменят това и вместо това да презапишат съдържанието с функция 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();
c:
ob_start(); the_content(); $content = ob_get_clean();<br>
Забележка: PHP променливата може да се различава при вас, но концепцията би трябвало да е същата. Ако това проработи, би било по-добре също така да създадете дъщерна тема (child theme), вместо да въвеждате тази промяна директно във вашата тема. Възможно е да има и странични ефекти поради промяната, така че е по-добре да се консултирате с автора на вашата тема относно това.
Page Builder Sandwich не е като обичайните конструктори на страници – той е неусложнен и лесен за използване.
Можете да гледате видеото по-долу за кратка обиколка.
Първо създайте нова страница, публикация или CPT. След това посетете новата си публикация или която и да е съществуваща във фронтенда. PBS е 100% във фронтенда, така че няма да ви се налага да правите настройки в бекенда.
В горната част на страницата ви (в административната лента) би трябвало да има бутон „Page Builder Sandwich“ – кликнете върху него, за да започнете редактирането. Ще видите зоната за форматиране на текст да се показва отгоре, а панелът за добавяне на елементи – отстрани. Зоната за съдържание на вашата тема вече е вашият редактор!
С PBS можете да редактирате само отделни страници. Не можете да редактирате списък с блог публикации или страница 404, тъй като те се създават от темата ви. Публикации, страници и персонализирани типове публикации (CPT) могат да се редактират без проблем.
А сега идва страхотната част… след като сте във фронтенда и вътре в редактора, кликнете върху който и да е текст в съдържанието или кликнете в зоната за съдържание и започнете да пишете! За разлика от други конструктори на страници, 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 не е типичният конструктор на страници – той е неусложнен и лесен за използване.
Можете да гледате видеоклипа по-долу за бърз преглед.
Първо създайте нова страница, публикация или CPT. След това отворете новата или която и да е съществуваща публикация във frontend частта. PBS работи 100% във frontend, така че няма да ви се налага да правите промени в административния панел.
В горната част на страницата ви (в административната лента) трябва да има бутон „Page Builder Sandwich“ – щракнете върху него, за да започнете да редактирате. Ще видите зоната за форматиране на текст да се появява отгоре, а панелът за добавяне на елементи да се показва отстрани. Областта за съдържание на вашата тема вече е вашият редактор!
С PBS можете да редактирате само отделни страници. Не можете да редактирате списък с публикации в блога или страница 404, тъй като те се генерират от вашата тема. Публикации, страници и персонализирани типове публикации се поддържат напълно.
А сега идва страхотната част… след като сте във frontend частта и в редактора, щракнете върху който и да е текст в съдържанието си или щракнете в областта за съдържание и започнете да пишете! За разлика от други конструктори на страници, PBS ви позволява да редактирате съдържанието директно, без да се налага да преминавате през изскачащи диалогови прозорци.
Докато редактирате, зоната в горната част се нарича Лента за форматиране на текст. Тази лента съдържа всички инструменти за форматиране, които ще използвате за оформяне на текст, като: цветове, получер, курсив, подравняване, добавяне на връзки, списъци и други. Задръжте курсора на мишката върху всеки бутон, за да разберете какво прави съответният инструмент.
Задръжте курсора на мишката върху бутона „Add Elements“ в горния ляв ъгъл на екрана, за да се покаже Панелът за добавяне на елементи. Можете също просто да преместите мишката в лявата част на екрана, за да се покаже.
За да вмъкнете елемент, задръжте левия бутон на мишката върху него и го плъзнете в областта за съдържание. Зоната, където ще бъде поставен елементът, ще се маркира. Пуснете бутона на мишката, за да поставите елемента.
Задръжте курсора на мишката върху всеки елемент от съдържанието си и върху него ще се появят очертания и ленти с инструменти.
Можете да задържите курсора на мишката върху краищата на очертанията, за да увеличите или намалите отстоянията между елементите.
Можете също така да щракнете върху бутон от лентата с инструменти, за да извършите бързи действия с елемента. Щракването върху иконата със зъбно колело на лентата с инструменти ще отвори Инспектора на свойствата, който съдържа повече опции.
Инспекторът на свойствата ви дава по-голям контрол върху външния вид на елементите. Можете да добавяте много неща като сенки, анимации, промяна на цветовете на карти, заобляне на ъгли и още много други.
Можете също така да получите достъп до свойствата на родителските елементи. Например, ако сте поставили изображение в колона и отворите инспектора на свойствата, можете да достъпите свойствата на изображението, на колоната, в която се намира то, и на реда, в който се намира колоната.
Инспекторът на свойствата съдържа множество различни настройки за различните елементи, така че не пропускайте да ги разгледате всичките.
Page Builder Sandwich ви показва реалните шорткодове във frontend частта и можете да ги редактирате съвсем лесно!
Ако сте запомнили своите шорткодове, можете да ги вмъкнете, като ги напишете директно в съдържанието си. Но ако не сте ги запомнили всичките (кой прави това?), инспекторът изброява всички шорткодове, налични на вашия сайт. Плъзнете бутон Shortcode от инспектора в областта на вашето съдържание, намерете този, който искате да вмъкнете, и щракнете върху него, за да го добавите.
Шорткодовете се визуализират като реално съдържание във frontend частта; за да ги редактирате, можете да ги изберете и да прегледате техните атрибути в инспектора. Или за по-голям контрол можете да щракнете два пъти върху шорткода, за да го редактирате в суров вид. След като направите редакциите си, вашият шорткод ще се обнови, за да отрази промените.
С PBS можете да щракнете и да плъзнете всичко и да го преместите където пожелаете. Когато плъзгате даден елемент, преместете го върху друг елемент на страницата – можете да го поставите над или под всяко друго съдържание.
Запазване на работата ви
След като сте доволни от дизайна си, просто щракнете върху бутона за запазване в горния ляв ъгъл на страницата. Това е всичко!
За да можете да работите по-бързо, можете да използвате различни бързи клавиши, налични в 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 (PC) |
Повтаряне |