Page Builder Sandwich ar trebui să fie compatibil cu diferitele module Jetpack.
Modulul Markdown face ceva special la salvarea conținutului, ceea ce duce la pierderea modificărilor în timpul conversiei markdown. Pentru a gestiona acest lucru, textul markdown din editorul backend se transformă în etichete html atunci când vă salvați modificările din frontend. (Mulțumiri lui Jake Jackson pentru ajutor)
Am testat Page Builder Sandwich cu PHP 7 și totul ar trebui să funcționeze bine, fără nicio problemă.
Aveți grijă când actualizați site-ul de la o versiune inferioară la PHP 7, deoarece există multe incompatibilități cu versiunile inferioare care ar trebui remediate în toate temele și pluginurile dvs.
Există o eroare Javascript care apare atunci când Page Builder Sandwich & Materialize sunt utilizate împreună. Există un conflict între materialize.js și selectorul de culoare din WordPress Core.
Există o problemă semnalată în depozitul GitHub al Materialize cu privire la acest lucru: https://github.com/Dogfalo/materialize/issues/2821
Modulul va continua să funcționeze corect atât timp cât nu dezactivezi licența de pe site-ul tău. Odată ce o dezactivezi, nu o mai poți reactiva.
Nu vei mai putea primi actualizări din panoul de control WordPress și nu vei mai avea acces la versiuni mai noi. Nu îți vom mai putea oferi asistența noastră excepțională dedicată.
Adăugarea widgeturilor se poate face făcând clic pe butonul Widget Element din secțiunea Elements din inspector. După ce faceți clic, ar trebui să apară o fereastră pop-up care listează toate widgeturile pe care Page Builder Sandwich le-a găsit pe site-ul dvs.
Toate widgeturile găsite pe site-ul dvs. WordPress pot fi adăugate, totuși unele widgeturi care utilizează cod Javascript personalizat/specializat în cadrul setărilor lor s-ar putea să nu funcționeze corect. Widgeturile care folosesc următoarele s-ar putea să nu funcționeze:
Widgeturile implicite din WordPress și widgeturile create în mod similar nu ar trebui să aibă nicio problemă.
Dacă aveți neapărat nevoie ca acel widget specific să funcționeze, există o soluție alternativă.
Puteți folosi modulul Custom Sidebars de la WPMU Dev pentru a crea o nouă bară laterală / zonă de widgeturi, adăugați widgetul acolo folosind metoda normală din Aspect > Widgeturi. Apoi, în Page Builder Sandwich, adăugați un Sidebar Element și selectați bara laterală care conține widgetul de care aveți nevoie.
O altă alternativă este să recreați efectul dorit folosind diferitele elemente și stiluri disponibile în Page Builder Sandwich.
Când achiziționați pentru prima dată Page Builder Sandwich, un fișier .zip care conține modulul va fi descărcat automat pe computerul dumneavoastră.
În cazul în care îl pierdeți, puteți descărca din nou fișierul .zip accesând acest link: https://dashboard.freemius.com/license-recovery/203/page-builder-sandwich/
Introducerea licenței dumneavoastră la acest link vă va permite să recuperați fișierul .zip al Page Builder Sandwich, împreună cu licența și detaliile contului dumneavoastră.
Din punct de vedere tehnic, acest lucru ar trebui să funcționeze cu oricare și cu toate temele.
Împreună cu utilizatorii și clienții noștri, am folosit cu succes Page Builder Sandwich cu o mulțime de teme, inclusiv teme din directorul de teme WordPress.org, Genesis Themes, StudioPress Themes, Elegant Themes și teme de pe ThemeForest.
Cu toate acestea, pot exista momente în care tema dumneavoastră ar putea face ceva neconvențional și ar putea împiedica funcționarea corespunzătoare a Page Builder Sandwich. Când se întâmplă acest lucru, vă rugăm să ne trimiteți o solicitare de asistență și vom încerca să remediem problema.
Ștergerea elementelor în Page Builder Sandwich se face de obicei prin simpla selectare a textului sau elementului, urmată de apăsarea tastei Delete sau Backspace.
O altă alternativă este să faceți clic pe butonul de ștergere / eliminare din inspector:
Există cazuri în care acest lucru nu funcționează. Elementele pentru care nu va funcționa sunt în mod normal containere precum rânduri, coloane sau caruseluri. Acest lucru are rolul de a preveni ștergerile accidentale la eliminarea conținutului.
Pentru a șterge aceste elemente, faceți clic pe butonul de ștergere / eliminare din proprietățile elementului în inspector. De exemplu, pentru a șterge un rând, va trebui să utilizați această zonă:
Adăugarea imaginilor este foarte simplă. Puteți fie să:
Page Builder Sandwich este acum disponibil în:
Dacă doriți să ajutați la dezvoltarea Page Builder Sandwich traducându-l în limba dumneavoastră, accesați pagina noastră de Transifex!
Există mii de teme și alte pluginuri disponibile. Așadar, deși încercăm să fim atenți și să construim totul conform standardelor, uneori lucrurile pot merge prost.
Dacă descoperiți că Page Builder Sandwich nu funcționează corect în configurația dvs., iată câțiva pași pe care îi puteți urma pentru a depana problema.
Consultați articolul de aici: The „Edit with Page Builder Sandwich” Button Doesn’t Appear. Dacă nu rezolvă problema, citiți mai departe.
Răsfoiți diferitele articole din Troubleshooting Category in the docs.
WordPress, pluginurile dvs., tema dvs. și chiar Page Builder Sandwich. Este întotdeauna bine să fie actualizate. Asigurându-vă că totul este actualizat înseamnă că veți avea cele mai recente remedieri de erori și vulnerabilități pentru site-ul dvs.
Dacă nu vă puteți edita conținutul cu Page Builder Sandwich (și probabil a apărut o fereastră pop-up de eroare), este posibil ca tot conținutul paginii curente pe care vă aflați să fie generat de tema dvs. / un plugin. Pentru a verifica acest lucru, editați pagina/articolul în mod normal în panoul de administrare folosind WordPress, apoi verificați dacă acel conținut salvat apare în partea publică. Dacă nu apare, înseamnă că tot conținutul paginii/articolului este generat și nu poate fi editat folosind PBS.
Uneori, un plugin poate fi în conflict cu Page Builder Sandwich. Pentru a verifica ce plugin ar putea cauza conflictul, dezactivați un plugin și verificați dacă PBS începe să funcționeze din nou. Faceți acest lucru pentru fiecare dintre pluginurile dvs. activate. Dacă PBS începe să funcționeze din nou și vă puteți edita paginile, atunci pluginul pe care tocmai l-ați dezactivat nu este compatibil cu PBS. În aceste cazuri, contactați-ne prin e-mail la [email protected] și anunțați-ne pentru a putea remedia problema.
Dacă dezactivarea pluginurilor nu a rezolvat nimic, încercați să comutați tema la tema implicită WordPress (temele Twenty-Something). Dacă puteți începe din nou să vă editați conținutul cu Page Builder Sandwich, atunci tema pe care o utilizați nu este compatibilă cu PBS. Trimiteți-ne aceste informații prin e-mail la [email protected] și anunțați-ne pentru a putea rezolva problema.
În cazuri rare, o extensie de browser poate împiedica funcționarea corectă a codului Javascript dintr-un site web. Pentru a verifica dacă o extensie de browser cauzează probleme, deschideți browserul în modul incognito (Chrome) sau în modul privat și încercați să accesați PBS; aceasta va deschide o filă nouă fără extensii. Dacă funcționează, înseamnă că aveți o extensie care intră în conflict.
S-a constatat că extensia de browser PageXray cauzează probleme.
A existat o problemă anterioară legată de NextGen și Page Builder Sandwich.
Înainte de versiunea 2.12, PBS determina cumva NextGen să afișeze un mesaj de eroare care făcea ca site-ul dvs. să afișeze un ecran alb complet. Acest lucru a fost remediat începând cu versiunea 2.12, așadar, dacă utilizați o versiune mai veche, vă rugăm să actualizați.
Ne-am asigurat că Page Builder Sandwich are un impact aproape de zero asupra performanței site-ului dumneavoastră. Când sunteți deconectat, cel puțin, sunt puse în coadă doar stilurile CSS pentru rânduri și coloane, alături de scripturile JS și CSS necesare pentru shortcode-urile pe care le-ați utilizat.
Markdown este în principiu o sintaxă pe care o tastați în timp ce editați pentru a adăuga sau modifica formatarea textului. Acestea sunt ca niște comenzi rapide de la tastatură, dar în loc să apăsați combinația, le tastați.
Mai jos este o listă cu toate sintaxele Markdown acceptate în Page Builder Sandwich.
## Titlu2
### Titlu3
până la:
###### Titlu6
> Citat
(4 spații)Text preformatat/Cod
* Listă cu marcatori - Listă cu marcatori
1. Listă numerotată 1) Listă numerotată
- ------------------------------(sau mai multe cratime)
Tastarea adreselor URL le va converti automat într-un link:
Accesați https://pagebuildersandwich.com
Accesați [Page Builder Sandwich](https://pagebuildersandwich.com
Shortcode-urile pot fi lipite sau tastate direct în timpul editării. După ce ai tastat shortcode-ul, apasă Enter sau navighează în afara shortcode-ului și acesta ar trebui să apară imediat în forma sa randată.
O altă modalitate de a adăuga shortcode-uri este să faci clic pe Elementul Shortcode din inspector. Acest lucru va deschide o fereastră pop-up care listează toate shortcode-urile disponibile pe site-ul tău. Selectează unul sau fă dublu clic pe oricare dintre ele pentru a-l insera.
Poți edita shortcode-urile în 2 moduri:
Atributele shortcode-urilor nu pot fi detectate de Page Builder Sandwich. Așa că va trebui să le introduci manual. Lucrăm la o modalitate de a mapa shortcode-urile în sistem pentru a face totul mai ușor pentru toată lumea. Rămâi pe fază pentru această noutate.
Puteți încorpora conținut de pe diverse site-uri, cum ar fi videoclipuri YouTube, videoclipuri Vimeo, fotografii Instagram, fotografii Flickr, Tweeturi și chiar comentarii Reddit, lipind direct adresele URL permalink ale acestora.
https://www.youtube.com/watch?v=dQw4w9WgXcQ
Puteți găsi o listă de adrese URL care pot fi încorporate în codexul WordPress: https://codex.wordpress.org/Embeds
De asemenea, puteți instala alte pluginuri care adaugă suport pentru adrese URL de încorporare suplimentare. De exemplu, adresele URL Wistia nu sunt acceptate de WordPress în mod implicit, dar puteți instala pluginul lor pentru a activa încorporarea, după care PB Sandwich ar trebui să le poată gestiona și el.
Rețineți că o întreagă linie de text ar trebui să conțină doar adresa URL pentru ca acest lucru să funcționeze.
De asemenea, puteți lipi direct coduri de încorporare.
Codurile de încorporare arată astfel:
<iframe width="420" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen></iframe>
Rețineți că o întreagă linie de text ar trebui să conțină doar codul de încorporare pentru ca acest lucru să funcționeze.
Faceți clic pe instrumentul „Adaugă fișiere media”, apoi lipiți adresa URL în fila „Inserează de la URL”.
Puteți încorpora conținut de pe diverse site-uri, cum ar fi videoclipuri YouTube, videoclipuri Vimeo, Tweeturi și chiar comentarii Reddit, inserând linkurile permanente ale acestora în Page Builder Sandwich.
Rețineți că o linie întreagă de text ar trebui să conțină doar adresa URL
Page Builder Sandwich funcționează împreună cu funcția oEmbed din WordPress. Așadar, adresele URL pe care le puteți încorpora în backend ar trebui să fie acceptate. De asemenea, modulele care adaugă suport pentru furnizori suplimentari de oEmbed ar trebui să funcționeze.
Puteți găsi o listă a furnizorilor oEmbed în codex: https://codex.wordpress.org/Embeds
Poți edita doar conținutul paginilor, articolelor și tipurilor de postări personalizate folosind Page Builder Sandwich.
Cu toate acestea, nu poți edita fișierele șablon ale temei, cum ar fi:
Gândește-te în felul următor: dacă există un buton „Editează articolul” sau „Editează pagina” în bara de administrare din frontend, atunci pagina ar trebui să fie editabilă.
Page Builder Sandwich a fost creat pentru a fi cât mai discret posibil, astfel încât alte module să nu aibă probleme în a coexista cu al nostru.
Uneori însă, există excepții de la această regulă. Mai jos este o listă de module care prezintă unele ciudățenii atunci când funcționează alături de Page Builder Sandwich. Acest lucru nu înseamnă neapărat că nu funcționează sau că sunt incompatibile, ci doar că unele comportamente pot fi diferite.
Vom continua să actualizăm această listă. Dacă ați găsit ceva, nu ezitați să trimiteți un tichet de asistență la [email protected]
În versiunea premium a Page Builder Sandwich, puteți folosi propriile pictograme SVG / vectoriale. Iată cum:
Pictogramele încărcate pot fi folosite și ca pictograme pentru marcatori în listele cu marcatori și ca pictograme pentru butoane.
Notă: Dacă pictograma nu apare în căutările dvs., este posibil ca numele fișierului să nu fi fost analizat corect de către PBS. În aceste cazuri, puteți folosi termenii „custom” sau „upload” pentru a vă găsi pictogramele încărcate.
Verifică dacă PBS este activat și se află în modul de editare.
if ( PBSEditor.isEditing() ) {
// Fă ceva în timpul editării.
}
Niciunul.
Boolean. True când se editează în prezent, false când nu se editează.
Folosit în cadrul iframe-ului utilizat de PBS pentru a reda vizualizarea sa responsivă în timpul editării. Acesta este apelat chiar înainte de închiderea etichetei <head> și poate fi utilizat pentru a adăuga scripturi și stiluri.
Niciunul.
add_action( 'pbs_iframe_header', 'change_bg_color' );
function change_bg_color() {
?>
<style>
body {
background-color: hotpink;
}
</style>
<?php
}
Dacă întâmpinați probleme, suntem aici să vă ajutăm! Dar mai întâi vă rugăm să verificați paginile de documentație, s-ar putea să găsiți răspunsul aici și veți economisi timp.
Trimiteți-ne solicitările de asistență prin e-mail la [email protected]
Puteți preveni apariția PB Sandwich în interfața publică folosind filtrul pbs_is_editable_by_user.
De exemplu, pentru a opri apariția PB Sandwich într-un Tip de Articol Personalizat identificat prin slug-ul slider, puteți adăuga această bucată de cod în fișierul dumneavoastră 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;
}
Pentru a opri PB Sandwich pentru o anumită pagină/articol, puteți folosi ID-ul articolului pentru verificare:
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;
}
Declanșat atunci când utilizatorul comută între diferitele vizualizări responsive.
Niciunul.
PBS trimite statistici de utilizare pentru utilizatorii care au optat pentru acest lucru de fiecare dată când salvează în editorul PBS. Acest filtru poate fi utilizat pentru a opri trimiterea datelor.
$true
Boolean. Acesta este întotdeauna adevărat.
Dacă întâmpini probleme, suntem aici să te ajutăm! Dar mai întâi te rugăm să verifici paginile de documentație, s-ar putea să găsești răspunsul aici și vei economisi timp.
Trimite-ne întrebările tale de asistență prin e-mail la [email protected]
$all_shortcodes = PageBuilderSandwich::get_all_shortcodes()
Niciunul.
Array. Un array cu toate etichetele de shortcode detectate.
Declanșat atunci când o opțiune (din inspector) a fost modificată.
Niciunul.
PBS >= 4.3
PBS adaugă un wrapper pentru a identifica zona de conținut a unei postări. Acesta este apelat înainte ca wrapper-ul să fie plasat.
$content
String. Conținutul postării cu wrapper-ul aplicat.
PBS >= 4.3
Suprascrie decizia de a încărca sau nu PBS în front-end și permite utilizatorului să folosească PBS pentru a edita articolul.
$is_editable
Boolean. True dacă articolul ar trebui să fie editabil cu PBS. False în caz contrar
Nu permite ca tipurile de articole portfolio să fie editabile cu 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;
}
Utilizat în cadrul iframe-ului folosit de PBS pentru a reda vizualizarea sa adaptivă în timpul editării. Acesta este apelat chiar înainte de închiderea etichetei <body> și poate fi utilizat pentru a adăuga scripturi și stiluri.
Niciunul.
PBS adaugă un wrapper pentru a identifica zona de conținut a unei postări. Aceasta este apelată după ce wrapper-ul a fost plasat.
$content
String. Conținutul postării cu wrapper-ul aplicat.
PBS >= 4.3
Obține instanța PageBuilderSandwich
$pbs = PageBuilderSandwich::instance()
Niciunul.
Obiect PageBuilderSandwich. Instanța curentă a clasei PBS.
PageBuilderSandwich::is_editable_by_user()
Niciunul.
Boolean. True dacă PBS poate edita articolul, false în caz contrar.
Un filtru pentru a modifica stilurile CSS care sunt salvate pentru o postare. Acesta este apelat atunci când o salvare a fost inițiată din editorul PBS.
$style
String. Stilurile CSS trimise pentru salvare.
$post_id
Int. ID-ul postării pe care o salvăm.
Apelat atunci când editorul PBS finalizează încărcarea (nu este apelat atunci când utilizatorul dă clic pe butonul de începere a editării)
Fă ceva după ce se încarcă PBS
wp.hooks.addAction( 'pbs.init', function() {
console.log( 'PBS is ready!' );
}
O listă de etichete de shortcode de ascuns în selectorul de shortcode-uri al PBS. Folosește această opțiune dacă ai shortcode-uri care apar în fereastra pop-up a selectorului pe care le-ai depreciat deja sau pur și simplu dorești să le ascunzi de utilizatori.
$shortcodes
Array. Un array de etichete de shortcode.
Ascunde shortcode-ul din selector.
add_filter( 'pbs_shortcodes_to_hide_in_picker, 'hide_embed_shortcode' );
function hide_embed_shortcode( $shortcodes ) {
$shortcodes[] = 'embed';
return $shortcodes;
}
Adaugă proprietăți Javascript la obiectul pbsFrontendParams în front-end. Obiectul pbsFrontendParams este disponibil în front-end indiferent când utilizatorul este autentificat și editează.
$params
Array. Un array de chei și valori care vor deveni disponibile în variabila Javascript la nivel de window pbsFrontendParams
Fă o variabilă accesibilă în front-end
add_filter( 'pbs_localize_frontend_scripts, 'add_my_property' );
function add_my_property( $params ) {
// Aceasta va fi disponibilă în Javascript sub pbsFrontendParams.myProperty
$params['myProperty'] = 'My Property';
return $params;
}
Cea mai mare parte din Page Builder Sandwich este Javascript și am adăugat o mulțime de metode pentru ca dezvoltatorii să poată extinde și adăuga mai multă funcționalitate constructorului nostru de pagini.
Pentru a le ușura munca dezvoltatorilor, am structurat lucrurile după modelul WordPress – prin hook-uri!
În WordPress, de regulă folosești funcțiile add_filter() și add_action() pentru a modifica sau a completa comportamentul WP. În mod similar în PBS, poți folosi wp.hooks.addFilter() și wp.hooks.addAction().
Modul în care le folosești este, de asemenea, același: folosește filtre pentru a modifica elemente și folosește acțiuni pentru a efectua lucruri suplimentare. Aceste două apeluri de funcții sunt în esență identice cu omoloagele lor PHP, cu excepția faptului că rulează în Javascript.
Pentru a evita confuzia dintre hook-urile PHP și hook-urile Javascript, am denumit hook-urile Javascript cu „period-case” (termen inventat). Hook-urile PHP folosesc toate snake case:
Consultă categoriile Acțiuni Javascript și Filtre Javascript din meniul din stânga pentru a naviga prin toate hook-urile.
Pentru cei curioși, folosim https://github.com/carldanley/WP-JS-Hooks pentru a adăuga aceste apeluri ingenioase de hook-uri în Javascript
Apelat chiar înainte ca editorul să salveze conținutul. Puteți folosi acest lucru pentru a plasa date suplimentare de trimis în timpul salvării (aceasta nu salvează datele, doar le trimite prin Ajax către backend)
payload
Obiect FormData. Datele trimise prin Ajax pentru salvare.
wp.hooks.addAction( 'pbs.save.payload', function( payload ) {
// Add data to be sent during saving.
payload.append( 'my_data', 'My Data' );
}
Adaugă în coadă un script sau un stil alături de PBS. Aceasta este apelată numai atunci când articolul poate fi editat cu PBS. Când pagina nu poate fi editată cu PBS, aceasta nu este folosită deloc.
Niciunul.
Când se încarcă PBS, adaugă în coadă și 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__ ) );
}
Adaugă proprietăți Javascript la obiectul pbsParams în front-end. Obiectul pbsParams este disponibil în front-end atunci când utilizatorul este autentificat și are permisiunea de a edita pagina.
Această variabilă conține, de asemenea, o mulțime de proprietăți utilizate de PBS în timpul editării, cum ar fi nonce-uri, o listă cu toate shortcode-urile încărcate și șiruri de traducere.
$params
Array. Un array de chei și valori care vor deveni disponibile în variabila Javascript la nivel de window pbsParams
Adăugați un shortcode nedetectat în editor
add_filter( 'pbs_frontend_scripts, 'add_my_shortcode' );
function add_my_shortcode( $params ) {
$params['shortcodes'][] = 'my_shortcode';
return $params;
}
Dacă nu găsiți unde ați salvat copia pluginului premium, puteți merge aici și introduce adresa de e-mail pentru a o recupera. Pluginul vă va fi trimis prin e-mail.
https://dashboard.freemius.com/license-recovery/203/page-builder-sandwich/
Aceasta este o funcționalitate premium și este disponibilă în versiunea 4.0.1+
Linkurile de tip ancoră cu derulare în aceeași pagină sunt linkuri care trimit către o anumită locație din aceeași pagină. Când faceți clic pe un link din aceeași pagină, browserul dvs. va derula către zona indicată.
Aveți nevoie de două lucruri pentru a crea un link ancoră în aceeași pagină:
Alegeți orice element din partea de jos a paginii dvs. și apoi deschideți-i proprietățile. În secțiunea avansată, adăugați o clasă personalizată sau un ID personalizat cu numele ” go_here„
Acum creați un link sau adăugați un element buton undeva în partea de sus a paginii dvs. În loc să adăugați un URL ca link, folosiți ” .go_here” (cu punct) dacă ați adăugat „go_here” ca și clasă personalizată; sau folosiți „#go_here” (cu diez) dacă l-ați adăugat ca ID personalizat.
După ce salvați pagina, când faceți clic pe link/buton, acesta ar trebui să deruleze lin către elementul din partea de jos a paginii dvs.
Ancorele denumite precum
<a name="go_here"></a>
pot fi, de asemenea, vizate prin adăugarea unui link către „#go_here” (cu diez)
De asemenea, puteți viza orice alte zone din pagina dvs., chiar și în afara zonei editorului, atâta timp cât le vizați folosind numele claselor sau ID-urile acestora.
Apelat după ce conținutul este salvat. Acesta este apelat atunci când o salvare a fost inițiată din editorul PBS.
Niciunul
Un filtru pentru a modifica datele postării care urmează să fie salvate. Acesta este apelat atunci când o salvare a fost inițiată din editorul PBS.
$post_data
Array. Datele finale ale postării care urmează să fie salvate; acestea sunt transmise direct către wp_update_post() ulterior.
$_POST
Array. Datele brute ale postării trimise din editor pentru salvare. Acestea au fost deja verificate prin nonce.
$post_id
Int. ID-ul postării pe care o salvăm.
add_filter( 'pbs_save_content_data', 'save_always_as_draft', 10, 3 );
function save_always_as_draft( $post_data, $_post, $post_id ) {
// Dintr-un motiv oarecare, dorim ca postarea să fie întotdeauna o ciornă.
$post_data['post_status'] = 'draft';
return $post_data;
}
Începând cu versiunea 4.0, acum puteți comuta între vizualizările pentru desktop, tabletă și telefon mobil în timpul editării! Numim acest lucru mod responsiv. În modul responsiv, site-ul dvs. se va redimensiona la o dimensiune mai mică pentru a simula modul în care ar arăta pe ecrane mai mici.
Când vizualizați site-ul în vizualizările pentru tabletă sau telefon mobil, veți avea capacități limitate de editare. În acest mod, puteți face DOAR următoarele:
* PBS aplică unele stilizări responsive elementelor și rândurilor dvs., astfel încât unele margini nu vor putea fi ajustate.
Iată câteva lucruri pe care nu le puteți face:
Dacă vizualizați site-ul în vizualizările pentru tabletă sau telefon mobil, orice ajustări de margine pe care le faceți se aplică doar vizualizării curente și vizualizării mai mici. Acest lucru vă permite să vă ajustați designul pentru a arăta mai bine pe ecrane mai mici, separat de versiunea completă pentru desktop.
Iată un exemplu pentru a clarifica lucrurile.
Acest lucru se aplică doar ajustărilor de margini; modificările de text sau modificările de stil de text se aplică pe toate dimensiunile de ecran.
Când vizualizați în vizualizările pentru tabletă sau telefon mobil, rândurile dvs. vor avea un nou buton în bara de instrumente în formă de „ochi” care va apărea când treceți cu cursorul peste ele. Făcând clic pe acesta, veți putea afișa/ascunde rândul pentru dimensiunea curentă a ecranului.
Rândurile ascunse vor deveni puțin transparente în timpul editării pentru a indica faptul că vor fi ascunse după ce terminați editarea.
Rețineți că această funcționalitate este disponibilă doar pentru rânduri.
Dacă ești dezvoltator de teme, includerea PBS în tema ta poate crește semnificativ valoarea produsului tău.
Contactează-ne la [email protected], hai să colaborăm!
CloudFlare este un CDN DNS gratuit utilizat pe scară largă. Este excelent, dar PBS are în prezent probleme legate de funcția Rocket Loader. Rocket Loader îmbunătățește timpul de încărcare al fișierelor Javascript, dar dă peste cap dependențele și ordinea de apelare a scripturilor PBS. Dacă aveți Rocket Loader activat, butonul de editare pentru Page Builder Sandwich nu va apărea (și nu apar erori în consola Javascript).
Pentru a dezactiva Rocket Loader, conectați-vă la contul dumneavoastră CloudFlare și accesați setările pentru domeniul dumneavoastră. Navigați la setările Speed:
Apoi derulați în jos până la setările Rocket Loader și asigurați-vă că setarea este dezactivată (off):
După dezactivare, asigurați-vă că goliți întreaga memorie cache a site-ului din setările Caching:
După ce ați golit complet memoria cache, puteți reîmprospăta pagina, iar butonul de editare Page Builder Sandwich ar trebui să apară acum.
Apelat chiar înainte ca acest conținut să fie salvat. Acesta este apelat atunci când o salvare a fost inițiată din editorul PBS.
Niciunul
Un filtru pentru a modifica conținutul articolului care urmează să fie salvat. Acesta este apelat atunci când o salvare a fost inițiată din editorul PBS.
$content
Șir de caractere. Conținutul final al articolului care urmează să fie salvat.
$post_id
Întreg. ID-ul articolului pe care îl salvăm.
Când folosești Varnish Cache și dacă după salvarea modificărilor poți vedea în continuare vechiul conținut, este posibil ca Varnish Cache să nu se fi golit automat.
Există câteva module WordPress care îți permit să cureți memoria cache: https://wordpress.org/plugins/search/varnish+cache/
Dacă acest lucru nu funcționează, poți de asemenea goli manual Varnish Cache executând această comandă într-un terminal:
curl -X PURGE http://mysite.com/my-page/
Markdown este, practic, o sintaxă pe care o tastați în timp ce editați pentru a adăuga sau a modifica formatarea textului. Acestea sunt ca niște comenzi rapide, dar în loc să apăsați combinația de taste, o tastați.
Mai jos este o listă cu toate sintaxele Markdown acceptate în Page Builder Sandwich.
(Atenție la spații)
# Titlu1
## Titlu2
până la:
###### Titlu6
> Citat
(4 spații)Text preformatat/Cod
* Listă cu marcatori - Listă cu marcatori
1. Listă numerotată 1) Listă numerotată
- ------------------------------(sau mai multe cratime)
Tastarea adreselor URL le va converti automat într-un link:
Accesați https://pagebuildersandwich.com
Tastați „lorem”, apoi apăsați Tab pentru a crea conținut text demonstrativ.
Pentru a dezactiva PBS, mai întâi conectați-vă la Panoul de control / backend, apoi navigați la Module > Module instalate:
Când vă aflați în pagina Module, derulați în jos în lista de module și găsiți-l pe cel pentru Page Builder Sandwich. Chiar sub nume, ar trebui să puteți vedea un link de dezactivare alături de alte linkuri, cum ar fi Editare sau Schimbă licența (acest lucru poate varia pe site-ul dvs.). Faceți clic pe linkul de dezactivare pentru a dezactiva modulul.
Dacă ați salvat modificările în pagină și…
acest lucru ar putea însemna că salvarea nu a determinat soluția dumneavoastră de caching să își șteargă datele stocate.
Dacă folosiți o soluție de caching – cum ar fi un plugin de cache precum W3 Total Cache, un software de cache pe server precum Memcached sau Redis, ori caching DNS precum CloudFlare – este posibil ca aceasta să nu fi golit conținutul salvat.
O modalitate de a verifica dacă aceasta este problema este să editați pagina în panoul de administrare (modul obișnuit), apoi să vizualizați pagina în interfața publică. Dacă conținutul nu s-a schimbat, atunci este posibil ca memoria cache să nu se fi golit automat.
Unele soluții de caching non-WordPress au un plugin WordPress complementar care poate ajuta la curățarea sau golirea memoriei cache curente, iar soluțiile WordPress au de obicei butoane sau opțiuni pentru acest lucru.
De asemenea, este posibil ca în timpul salvării să fi apărut o eroare PHP.
Pentru a verifica dacă se întâmplă acest lucru, deschideți consola pentru dezvoltatori (de preferință în Chrome), apoi navigați la fila Network. Odată ajunși acolo, salvați modificările în PBS, iar apoi ar trebui să vedeți mai multe intrări către admin-ajax.php. Dacă vedeți acest lucru cu roșu, înseamnă că a apărut o eroare. Verificați dacă vedeți ceva de genul acesta:
Dacă acesta este cazul, vă rugăm să ne trimiteți un e-mail la [email protected] împreună cu datele de conectare necesare, astfel încât să putem verifica și remedia problema pentru dumneavoastră.
Vă rugăm să citiți articolul despre compatibilitatea cu Wordfence aici: http://docs.pagebuildersandwich.com/article/214-wordfence-firewall-setup-compatibility
În majoritatea elementelor (totuși nu și în shortcode-uri), puteți specifica o animație de intrare care rulează atunci când elementul devine vizibil pe ecranul dvs.
Pentru a face acest lucru, treceți cu cursorul peste un element pentru a afișa bara de instrumente, apoi faceți clic pe butonul roată dințată.
Aceasta ar trebui să deschidă inspectorul. Navigați la secțiunea Animations, deschideți-o și apoi alegeți o animație.
După ce alegeți o animație, aceasta ar trebui să ruleze pentru a vă arăta o previzualizare. Puteți ajusta în continuare animația cu celelalte opțiuni oferite.
Animațiile rulează numai atunci când utilizatorul derulează și elementul devine vizibil. Dacă elementul este deja vizibil când ajungeți pe pagină, acesta nu se va anima.
Nu, nu le vei pierde! Toate paginile și conținutul tău ar trebui să rămână pe site-ul tău. Aceasta înseamnă că poți dezactiva PBS în siguranță atunci când faci upgrade de la versiunea gratuită la versiunea premium sau când doar testezi diverse lucruri.
Cu toate acestea, nu totul va arăta la fel. Vei observa că unele elemente din pagina ta se vor schimba, deoarece PBS conține stiluri și scripturi suplimentare necesare pentru unele dintre elementele mai elaborate.
Iată câteva elemente care vor rămâne atunci când dezactivezi PBS:
Iată câteva elemente care vor dispărea atunci când dezactivezi PBS:
Notă: Acest lucru nu se aplică clienților Envato
Dacă întâmpinați erori la activarea licenței, iată câteva lucruri pe care le puteți încerca..
Acest lucru se întâmplă cel mai des persoanelor care fac actualizarea la o versiune superioară. Dacă ați actualizat direct manual fișierele modulului și ați sărit peste întregul proces de actualizare sau peste pașii de dezactivare-activare, este posibil ca unele procese să nu fi rulat corect. Vă rugăm să dezactivați modulul, apoi să îl reactivați și să încercați să introduceți din nou licența.
Începând cu versiunea v3.2, Page Builder Sandwich s-a integrat cu Freemius. Au existat cazuri în care ștergerea datelor Freemius rezolvă erorile de activare a licenței. Iată cum se rezolvă.
Mergeți în panoul de control și schimbați adresa URL în http://yoursite.com/wp-admin/admin.php?page=freemius (nu uitați să schimbați adresa URL pentru a corespunde site-ului dvs.). Dacă ajungeți în locul de mai jos, înseamnă că sunteți unde trebuie.
Faceți clic pe butonul Delete All Accounts, apoi faceți clic și pe butonul Clear API Cache. După ce ați făcut acest lucru, încercați să introduceți din nou cheia de licență.
Dacă nu funcționează, vă rugăm să ne contactați la [email protected] și să ne oferiți detalii despre problemă și despre site-ul dvs.
Aici am adăugat un rând cu o culoare de fundal și apoi am adăugat o imagine în interiorul său. Iat-o:
Pentru a o face să „iasă” deasupra containerului, plasați cursorul mouse-ului peste elementul pe care doriți să îl mutați. Apoi, când apar contururile, deplasați mouse-ul dincolo de marginea superioară a conturului. Ar trebui să afișeze valoarea curentă a marginii superioare:
Faceți clic și trageți marginea superioară în sus pentru a vă micșora marginea, transformând-o într-o valoare negativă:
Acum imaginea „iese” în afara rândului!
Dacă elementul este decupat atunci când depășește rândul, deschideți inspectorul de proprietăți pentru rând și dezactivați opțiunea overflow hidden din opțiunile Advanced:
Pentru a adăuga rapid text fals, tastați cuvântul „lorem” și apoi apăsați tab sau enter pentru a adăuga rapid text de substituție 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 funcționează cu toate pluginurile de cache. Cu toate acestea, este posibil să întâmpinați unele probleme dacă activați funcționalitatea lor de minificare sau de stocare în cache.
Trebuie doar să vă asigurați că minificarea este dezactivată pentru utilizatorii autentificați și ar trebui să funcționeze fără probleme.
Prezentăm aici doar setările pentru W3 Total Cache, însă și alte pluginuri de cache & minificare ar trebui să aibă setări similare.
Asigurați-vă că opțiunea Don’t cache pages for logged in users este bifată în Performance > Page Cache
Dacă utilizați minificarea, asigurați-vă că opțiunea Disable minify for logged in users este bifată în Performance > Minify
Dacă încercați să trageți de mânerele pentru marginea sau spațierea interioară (padding) de sus și de jos, iar marginile/spațierile interioare ale elementului nu se modifică, este posibil să existe alte stiluri care suprascriu forțat orice modificări de stil. Acest lucru se poate întâmpla și atunci când nu puteți schimba fundalurile, bordurile sau când imaginile transparente primesc întotdeauna o culoare de fundal.
Pentru a găsi problema, deschideți inspectorul browserului și inspectați elementul. Navigați prin stilurile pentru acel element. Dacă vedeți ceva de genul acesta:
Atunci puteți fi sigur că tema dumneavoastră sau un modul împiedică aplicarea oricăror alte stiluri pe acel element. Treceți cu mouse-ul peste fișierul de stil (stylesheet) pentru a afla de la ce temă/modul provine.
Pentru a remedia această problemă, eliminați partea „! important” din stil și ar trebui să puteți aplica din nou stilurile. Este posibil să fie nevoie să contactați autorul temei sau al modulului pentru a rezolva acest lucru.
Pentru a încorpora conținut de pe site-uri web externe, pur și simplu lipiți adresa URL și apoi apăsați enter. De exemplu, puteți copia și lipi această adresă URL de pe YouTube:
https://www.youtube.com/watch?v=dQw4w9WgXcQ
Încorporarea prin iframe este de asemenea posibilă prin lipirea codurilor de încorporare <iframe>. De exemplu, copiați și lipiți acest șir de încorporare:
<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/dQw4w9WgXcQ?rel=0″ frameborder=”0″ allowfullscreen></iframe>
Puteți încorpora adrese URL de pe site-urile listate în WordPress Codex: https://codex.wordpress.org/Embeds și de pe orice site compatibil oEmbed.
Page Builder Sandwich verifică periodic dacă sunteți încă conectat la WordPress. Acest lucru se realizează pentru a se asigura că modificările dumneavoastră vor fi într-adevăr salvate în momentul în care apăsați butonul de salvare. De asemenea, este utilizat pentru blocarea articolelor și salvări automate.
Ne bazăm pe Heartbeat API din WordPress pentru a efectua verificările noastre, iar acesta, la rândul său, se bazează pe cookie-urile și sesiunile din browser. Așadar, dacă primiți în mod repetat acele ferestre pop-up cu „sesiune expirată” în timpul editării, este posibil ca ceva să împiedice WordPress să vă urmărească corect sesiunea. Iată câteva lucruri pe care le puteți face pentru a rezolva acest lucru:
Dacă aveți instalate module de cache, cache DNS sau orice altă formă de memorare în cache, curățați-le. De asemenea, ștergeți memoria cache a browserului. Este posibil să nu vi se încarce cele mai recente scripturi pentru site-ul dumneavoastră.
Este posibil, de asemenea, ca fișierele cookie să se fi corupt; acest lucru se poate rezolva cu ușurință prin ștergerea cookie-urilor din setările browserului dumneavoastră. De obicei, această opțiune se află lângă cea de ștergere a memoriei cache a browserului.
Mergeți la Setări > Generale și verificați setările. Căutați setările pentru Adresă WordPress (URL) și Adresă site (URL). Domeniile și protocoalele acestora ar trebui să coincidă cu domeniul dumneavoastră real. De exemplu, dacă una conține „http://”, dar accesați site-ul folosind „https://”, atunci setările ar trebui să conțină „https://”. O altă problemă frecventă este ca una dintre aceste adrese URL să conțină „www”, iar cealaltă nu.
Acestea ar trebui să coincidă:
sau:
Pentru a remedia acest lucru, puteți modifica setările din Setări > Generale. Dacă nu puteți edita acele setări, puteți deschide conexiunea FTP și edita fișierul wp-config.php, adăugând liniile:
define( 'WP_HOME', 'http://example.com' ); define( 'WP_SITEURL', 'http://example.com' );
Puteți adăuga imagini de fundal la rândurile și fundalurile dvs. Mai mult decât atât, puteți nuanța imaginea de fundal cu o culoare pentru a o integra mai bine în designul dvs.
De exemplu, am aici un rând cu o imagine de fundal și un text alb suprapus. Este destul de greu de citit textul acum din cauza imaginii de fundal pe care am ales-o.
Pentru ca lucrurile să arate mai bine, putem adăuga puțină culoare imaginii de fundal. Pentru a face acest lucru, treceți cu mouse-ul peste rând, apoi faceți clic pe pictograma roată dințată a rândului pentru a-i deschide proprietățile. Mergeți la opțiunile Background, apoi activați Background Image Tint.
După ce a fost activată, schimbați culoarea de fundal și aceasta va adăuga o tentă de culoare imaginii dvs. de fundal. De asemenea, puteți modifica intensitatea sau opacitatea nuanței. Iată fundalul meu nuanțat cu verde pentru a face textul mai vizibil:
Notă: În mod implicit, antetul este eliminat doar de pe prima pagină.
Pentru a elimina antetul sau meniul de pe oricare dintre paginile tale, vei avea nevoie de un modul care îți permite să adaugi CSS personalizat, cum ar fi Jetpack.
Pentru a elimina antetul, vei avea nevoie de ID-ul postării tale, apoi adaugă acest CSS personalizat (înlocuiește 9999 de aici cu ID-ul postării tale):
body.page-id-9999 #masthead {
display: none;
}
Pentru a elimina meniurile de pe o pagină (înlocuiește 9999 de aici cu ID-ul postării tale):
body.page-id-9999 #header-wrapper {
display: none;
}
sau când elimini meniul doar de pe pagina ta de pornire:
body.page-id-9999 #header-wrapper {
display: none;
}
| Versiunea Lite | Indisponibil |
| Versiunea Premium | Toate funcționalitățile disponibile
|
Caruselurile sunt o modalitate inedită de a adăuga conținut care se derulează în mod repetat în vizualizare. Page Builder Sandwich dispune de un element carusel nativ care poate fi utilizat, eliminând necesitatea unor module carusel externe.
Dând clic pe butonul rotiță zimțată al elementului carusel poți configura comportamentul caruselului, cum ar fi animația slide-ului, întârzierea și altele. La creare, primești trei slide-uri de carusel pe care să lucrezi, cu opțiunea de a adăuga sau șterge slide-uri. Toate aceste slide-uri acceptă elementele uzuale utilizate, precum text, imagini și anumite shortcode-uri.
Schimbarea slide-urilor este la fel de simplă ca selectarea butoanelor de navigare. Ordinea slide-urilor poate fi, de asemenea, modificată prin proprietăți (pictograma rotiță zimțată).
Pentru a schimba starea articolului tău, plasează cursorul mouse-ului peste indicatorul meniului derulant de pe butonul de salvare din partea stângă sus a ecranului. Aceasta va afișa mai multe opțiuni de salvare.
Dacă utilizați versiunea lite, este posibil să fi observat stegulețele galbene triunghiulare. Acestea indică dacă un anumit buton/element/opțiune este o funcționalitate premium.
Dacă doriți să le ascundeți, puteți merge în Panoul de control, navigați la pagina de setări din PBSandwich > Setări și bifați setarea pentru Ascunde stegulețele funcționalităților premium
| Versiunea Lite | Toate funcționalitățile disponibile |
| Versiunea Premium | Toate funcționalitățile disponibile |
Fă clic pe elementul HTML din Inspector pentru a adăuga un element HTML nou; ar trebui să apară o fereastră modală. Introdu sau lipește codul tău HTML acolo, apoi fă clic pe Salvează HTML. Codul tău HTML ar trebui să apară acum în interiorul editorului.
Treci cu mouse-ul peste elementul HTML pentru a afișa bara de instrumente. Poți edita codul HTML făcând clic pe pictograma creion din bara de instrumente sau dând dublu clic pe elementul propriu-zis.
Nu ne dorim o interfață aglomerată și am vrut ca totul să fie intuitiv și ușor de descoperit. Așadar, chiar dacă interfața de utilizator a Page Builder Sandwich pare simplă, este destul de puternică și puteți face o mulțime de lucruri în timpul editării.
De asemenea, puteți face o mulțime de lucruri ingenioase folosind cursorul mouse-ului. Suprapunerile interactive și barele de instrumente apar atunci când treceți cu mouse-ul peste diferite elemente. Fiecare dintre acestea face lucruri diferite, cum ar fi:
Odată ce începeți editarea cu PBS, treceți cu mouse-ul peste titlul paginii/articolului dvs. și ar trebui să apară un contur în jurul acestuia. Faceți clic pe titlu pentru a plasa cursorul pe el și a-l modifica.
Instrumentele de formatare nu sunt disponibile în zona titlului, nu puteți modifica stilurile acestuia și nici nu puteți adăuga elemente la titlu.
Rândurile și coloanele sunt instrumente pe care le puteți folosi pentru a crea conținut structurat pe secțiuni.
Când editați folosind Page Builder Sandwich dintr-o pagină/articol nou creat(ă), conținutul pe care îl tastați va fi plasat în întregime într-o singură coloană. Acest lucru este util pentru scrierea articolelor de blog, dar dacă doriți să aveți machete speciale pentru pagini de destinație (landing pages) sau pagini de contact, probabil veți dori o structură pe 2 coloane sau chiar o combinație de coloane diferite pe parcursul paginii.
Puteți adăuga rânduri și coloane folosind aceste butoane din inspector:
Odată adăugat, noul dvs. rând va fi conturat:
Puteți pune orice în interiorul rândurilor și coloanelor dvs. – text, coduri scurte (shortcodes), widgeturi și chiar puteți adăuga mai multe rânduri și coloane.
Când este selectat un rând (sau un conținut din interiorul rândului), vor deveni disponibile mai multe opțiuni în inspectorul dvs. Puteți folosi aceste butoane pentru a stiliza suplimentar secțiunea:
Există, de asemenea, opțiuni suplimentare pentru stilizarea coloanelor dvs. mai jos în inspector.
Puteți muta rândurile în locații diferite dând clic și ținând apăsat pe rândul propriu-zis (dacă dați clic și țineți apăsat pe un element din interiorul său, va fi tras elementul și nu rândul).
Dacă nu poți vedea butonul „Edit with Page Builder Sandwich” în partea publică a site-ului tău, iată câteva lucruri pe care le poți încerca:
Butonul de editare pentru PB Sandwich este disponibil în bara de administrare din interfața publică. Asigură-te că bara de administrare este vizibilă mergând în panoul de administrare și navigând la Utilizatori > Profilul tău și verifică dacă este bifată căsuța Afișează bara de unelte când vizualizezi situl.
Doar Articolele, Paginile și Tipurile de conținut personalizat sunt editabile în partea publică (frontend). Poți edita elemente în frontend doar dacă le poți edita folosind editorul de conținut din WordPress în panoul de administrare (backend). Celelalte zone ale site-ului tău – de ex. lista de articole de pe prima pagină, lista tuturor articolelor de pe blog, listele de categorii, paginile 404, paginile de căutare – sunt pagini dinamice create de WordPress împreună cu tema pe care o folosești și nu pot fi editate folosind PB Sandwich.
Un indicator că pagina curentă este editabilă este dacă poți vedea opțiunea „Editează articolul” sau „Editează pagina” în bara de administrare.
Dacă pagina/articolul tău este generat(ă) dinamic de o temă sau un modul, atunci nu va putea fi editat(ă) cu Page Builder Sandwich (și cel mai probabil nici în alte editoare de pagină). Dacă observi că editorul de conținut din backend este gol, dar vizualizarea paginii în frontend este plină de conținut, acesta este un indiciu clar că pagina ta este generată dinamic.
Pentru a verifica dacă pagina ta este generată dinamic, vizualizează sursa paginii web (fă clic dreapta și alege „Vizualizează sursa paginii”). Caută textul „pbs-main-wrapper”; dacă nu găsești nicăieri acest text, atunci pagina ta este generată dinamic.
Iată câteva exemple de conținut generat dinamic:
Au existat cazuri în care tema nu afișa deloc conținutul dacă acesta era gol, iar acest lucru a făcut ca PBS să considere în mod eronat că pagina nu poate fi editată. Pentru a verifica dacă aceasta este situația, editează pagina/articolul în editorul din backend, încearcă să adaugi orice text în conținut (de exemplu „salut”), apoi fă clic pe butonul „Edit with Page Builder Sandwich” de acolo.
Mulțumiri lui Mathias Hellquist pentru acest pont!
Unele editoare de pagini (page builders) te pun să alegi între folosirea editorului de conținut implicit din WordPress sau editorul propriu al page builder-ului. Dacă ți-ai editat deja pagina folosind un alt page builder, este posibil ca acel page builder să fi „revendicat” deja conținutul, iar alte cârlige/filtre de conținut să nu mai poată rula. Din acest motiv, uneori Page Builder Sandwich nu va putea detecta unde se află conținutul tău și nu va afișa butonul de editare deoarece nu există nimic de editat.
Pentru a rezolva acest lucru, optează pur și simplu să nu folosești acel page builder pentru acea pagină/acel articol specific și alege să utilizezi doar editorul de conținut implicit din WordPress.
Asigură-te că ai permisiuni de editare pentru pagină
Butonul de editare nu va apărea dacă nu ai dreptul de a edita pagina. De exemplu, dacă ești redactor sau colaborator și poți scrie articole pe site, asta nu înseamnă neapărat că poți edita prima pagină sau pagina de contact. Dacă poți vedea butonul „Editează articolul” în bara de administrare, ar trebui să îl poți edita și folosind PB Sandwich. Solicită administratorului site-ului drepturi de editare dacă ai nevoie de ele.
PB Sandwich folosește JavaScript intensiv. Dacă există erori JavaScript care provin de la alte scripturi de pe site-ul tău, acest lucru poate împiedica funcționarea PB Sandwich. Pentru a verifica dacă aceasta este problema, poți deschide consola pentru dezvoltatori din browserul tău pentru a căuta erori.
Recomandăm utilizarea Chrome pentru acest pas. Fă clic dreapta pe orice element din pagină, apoi selectează opțiunea „Inspectează”. Aceasta va deschide o zonă nouă în partea de jos a browserului; fă clic pe fila „Console”. Dacă ai erori, ar trebui să vezi ceva de genul:
Dacă ai o eroare, poți primi de asemenea un indiciu despre proveniența acesteia făcând clic sau trecând cu mausul peste numele scriptului:
Aceste erori pot proveni de la tema ta sau de la alte module pe care le ai active. Rezolvarea acelor erori poate face ca PB Sandwich să funcționeze din nou.
Dacă tema ta sau unul dintre module provoacă eroarea JavaScript, te rugăm să ne anunți prin e-mail la [email protected] și vom face tot posibilul pentru a rezolva problema 🙂
CloudFlare este un serviciu gratuit de DNS și CDN utilizat la scară largă. Este excelent, dar în prezent PBS întâmpină probleme când vine vorba de funcția Rocket Loader. Rocket Loader îmbunătățește timpul de încărcare al fișierelor JavaScript, dar dă peste cap dependențele și ordinea de apelare a scripturilor PBS. Dacă ai Rocket Loader activat, butonul de editare pentru Page Builder Sandwich nu va apărea (și nu vor apărea erori în consola JavaScript).
Pentru a verifica dacă site-ul tău folosește Rocket Loader de la CloudFlare, vizualizează sursa paginii web (fă clic dreapta și alege „Vizualizează sursa paginii”), apoi caută textul „rocketscript”; dacă găsești acel text, înseamnă că ai Rocket Loader activat.
Citește articolul despre Compatibilitatea cu CloudFlare și Rocket Loader pentru instrucțiuni complete despre cum să îl dezactivezi.
În regulă, în acest punct, dacă niciuna dintre soluțiile de mai sus nu funcționează, ar putea fi momentul să explicăm de ce nu apare și ce este de făcut. Pregătit? Să începem!
Page Builder Sandwich trebuie să știe unde se află conținutul paginii/articolului tău. Facem acest lucru ascultând momentul în care WordPress încarcă conținutul articolului și „marcând” acea zonă, astfel încât, atunci când totul este încărcat, să putem găsi unde sunt lucrurile importante.
Uneori, unele module suprascriu sau ocolesc acest proces și încearcă să încarce conținutul în felul lor. Uneori acest lucru este în regulă, dar în anumite scenarii, în special când este vorba despre încărcarea conținutului principal al articolului, acest lucru poate face ca unele module să înceteze să mai funcționeze. Când un alt modul ocolește acest proces de încărcare, „marcajele” pe care le-am făcut se pot pierde, iar când vine momentul ca editorul să intervină, acesta nu mai poate găsi unde este conținutul tău. Așadar, butonul de editare nu apare! De asemenea, ai putea constata că unele module care adaugă conținut paginii tale, cum ar fi unele module de partajare pe rețelele sociale, pot înceta să mai funcționeze din exact același motiv.
Page Builder Sandwich trebuie să știe unde este localizat conținutul paginii/articolului tău și face acest lucru conectându-se la filtrul the_content și adăugând un wrapper în jurul conținutului tău principal. Unele module pot suprascrie acest lucru și pot înlocui conținutul cu o funcție get_the_content() mai departe pe parcurs. Din păcate, făcând acest lucru se împiedică apelarea TUTUROR filtrelor the_content și, prin urmare, wrapper-ul PBS se pierde. Orice alte modificări aduse de alte module s-ar pierde de asemenea.
Nu este nimic greșit în utilizarea funcției get_the_content() în sine, dar pot exista efecte adverse dacă aceasta este folosită în interogarea principală și în interiorul paginii șablon a unui articol individual, în loc de apelul normal the_content() unde sunt rulate toate filtrele the_content.
Poți verifica dacă „marcajele” lăsate de Page Builder Sandwich nu sunt prezente vizitând pagina/articolul tău în partea publică și vizualizând sursa paginii în timp ce ești autentificat. Caută prin amalgamul de cod dacă poți găsi șirul:
data-name="main-content"
Dacă îl poți găsi, atunci s-ar putea să fie doar o problemă JavaScript undeva; doar anunță-ne ce temă și module folosești și putem rezolva asta.
Dar dacă nu îl poți găsi, s-ar putea pur și simplu ca tema ta (sau un modul, dar cel mai probabil este tema dacă este o pagină sau un articol de blog) să modifice conținutul articolului. Dacă este cazul, ar trebui să contactezi autorul temei și să îi semnalezi problema! De asemenea, îi poți arăta explicația tehnică a „de ce-ului” de mai sus, acest lucru putând ajuta la depanare 🙂
Dacă te simți încrezător să faci modificări în PHP, poți încerca să o rezolvi găsind fișierul șablon care gestionează conținutul articolului. O soluție pe care am întâlnit-o este înlocuirea apelurilor pentru:
$content = get_the_content();
cu:
ob_start(); the_content(); $content = ob_get_clean();<br>
Notă: Variabila PHP poate varia în cazul tău, dar conceptul ar trebui să fie același. Dacă funcționează, ar fi de asemenea mai bine dacă ai putea crea o temă copil în loc să implementezi această modificare direct în tema ta. Pot exista și efecte secundare din cauza acestei modificări, așa că este mai bine să consulți autorul temei în această privință.
| Versiunea Lite | Indisponibil |
| Versiunea Premium | Toate funcționalitățile disponibile
|
Opțional, evidențiați o porțiune de text, apoi faceți clic pe elementul buton din inspector. Aceasta ar trebui să deschidă o fereastră modală unde puteți introduce URL-ul către care să trimită butonul dumneavoastră. De asemenea, puteți căuta de acolo orice pagină web existentă pe site-ul dumneavoastră.
Spre deosebire de alte elemente, butoanele sunt plasate inline, ceea ce înseamnă că vor fi poziționate alături de alt text (sau alte butoane). Nu puteți glisa și plasa butoane individuale în alte locații, ci trebuie să glisați butonul împreună cu textul care îl înconjoară.
În timpul editării, când faceți clic pe un buton, veți putea vedea opțiuni suplimentare de stilizare în inspector. De asemenea, puteți trece cu mouse-ul peste butoane pentru a vedea URL-ul către care trimit și alte comenzi.
Notă: Fă acest lucru când ai deja PBS instalat și activat și dorești să îl actualizezi cu un fișier zip pe care l-ai descărcat de pe site sau dintr-un atașament pe care ți l-am trimis prin e-mail.
Notă: Folosim un alt modul pentru a efectua actualizări, acest lucru permițându-ne să actualizăm PBS imediat, fără a fi nevoie să îl dezinstalăm mai întâi.
Mergi la Module > Adaugă modul, apoi în caseta de căutare, caută modulul „Easy Theme and Plugin Upgrades”
Odată ce găsești modulul, instalează-l și activează-l.
După activarea modulului Easy Theme and Plugin Upgrades, mergi din nou la Module > Adaugă modul, apoi dă clic pe butonul Încarcă modul din partea de sus:
Alege și instalează fișierul zip Page Builder Sandwich,
Asta e tot. Acum ar trebui să ai noua versiune a PBS.
| Versiunea Lite | Disponibil cu stilizare limitată |
| Versiunea Premium | Toate funcționalitățile disponibile
|
Faceți clic pe elementul hartă pentru a adăuga o hartă pe pagina dvs. De fiecare dată când elementul hartă este selectat, inspectorul ar trebui să afișeze setările hărții. Puteți introduce coordonatele de latitudine și longitudine sau o adresă în câmpul de locație din inspector pentru a centra harta pe acea zonă. Există și alte opțiuni de stilizare disponibile acolo.
Puteți manipula în continuare elementul hartă prin deplasare (pan) sau mărire/micșorare (zoom in/out) pe hartă. Rețineți că modificările aduse hărții vor fi aplicate elementului.
Pentru utilizatorii premium, vă puteți stiliza harta alegând o culoare pentru a o nuanța; o altă opțiune este să utilizați snazzymaps.com pentru a genera scheme de culori și apoi să le folosiți pe acelea. SnazzyMaps poate fi utilizat pentru a crea scheme de culori similare cu aceasta: https://snazzymaps.com/style/20053/papuportal-dark Pentru a utiliza aceste scheme de culori, copiați Javascript style array în inspector.
Înălțimile hărților pot fi ajustate, însă lățimile hărților nu pot fi și se vor redimensiona întotdeauna la lățimea maximă disponibilă. Pentru a o redimensiona, plasați hărțile în interiorul rândurilor și coloanelor. De asemenea, puteți seta hărțile să ocupe întreaga lățime a browserului.
Puteți folosi mouse-ul pentru a plasa rapid cursorul în diferite zone din conținut sau pentru a selecta diferite elemente.
De asemenea, puteți folosi tastele săgeți de pe tastatură pentru a deplasa cursorul prin conținut. Puteți folosi acest lucru pentru a merge deasupra sau dedesubtul rândurilor.
Când lucrați cu rânduri și coloane, puteți face clic pe marginile rândurilor pentru a adăuga conținut imediat după sau înainte de rând. Acest lucru este deosebit de util dacă aveți mai multe rânduri unul în interiorul celuilalt și doriți să adăugați conținut între ele.
Page Builder Sandwich nu este ca un constructor de pagini obișnuit, este necomplicat și simplu de utilizat.
Puteți viziona videoclipul de mai jos pentru un tur rapid.
În primul rând, creați o pagină nouă, un articol sau un CPT. Apoi vizitați noul articol sau oricare altul existent în frontend. PBS este 100% frontend, nu va trebui să meșteriți în backend.
Ar trebui să existe un buton „Page Builder Sandwich” în partea de sus a paginii (în bara de administrare), faceți clic pe acesta pentru a începe editarea. Ar trebui să vedeți zona de formatare a textului apărând de sus, iar panoul de adăugare a elementelor apărând din lateral. Zona de conținut a temei dumneavoastră este acum editorul dumneavoastră!
Puteți edita doar pagini individuale cu PBS. Nu puteți edita o listă de articole de blog sau o pagină 404, deoarece acestea sunt create de tema dumneavoastră. Articolele, paginile și tipurile de articole personalizate (custom post types) sunt în regulă.
Acum urmează partea grozavă… odată ce sunteți în frontend și în interiorul editorului, faceți clic pe orice text din conținutul dvs. sau faceți clic în interiorul zonei de conținut și începeți să tastați! Spre deosebire de alți constructori de pagini, PBS vă permite să editați direct conținutul, fără a fi nevoie să treceți prin ferestre de dialog pop-up.
În timpul editării, zona din partea de sus se numește Bara de formatare a textului. Această bară conține toate instrumentele de formatare pe care le veți folosi pentru stilizarea textului, cum ar fi: culori, caractere aldine (bold), cursive (italic), alinieri, adăugarea de linkuri, liste cu buline și multe altele. Treceți cu mouse-ul peste fiecare buton pentru a afla ce face instrumentul respectiv.
Treceți cu mouse-ul peste butonul Adăugare elemente din stânga sus a ecranului pentru a afișa Panoul de adăugare elemente. De asemenea, puteți doar să mutați mouse-ul în partea stângă a ecranului pentru a-l face să apară.
Pentru a introduce orice element, țineți apăsat mouse-ul pe acesta, apoi trageți-l în zona de conținut. Zona în care va fi plasat elementul va fi evidențiată. Eliberați butonul mouse-ului pentru a plasa elementul.
Treceți cu mouse-ul peste orice element pe care îl aveți în conținut, iar contururile și barele de instrumente ar trebui să apară deasupra acestora.
Puteți trece cu mouse-ul peste marginile contururilor pentru a mări/micșora spațierea (marginile) dintre elemente.
De asemenea, puteți face clic pe un buton din bara de instrumente pentru a efectua acțiuni rapide asupra elementului. Făcând clic pe pictograma în formă de rotiță dințată din bara de instrumente, se va deschide Inspectorul de proprietăți, care conține mai multe opțiuni.
Inspectorul de proprietăți vă oferă mai mult control asupra aspectului elementelor dumneavoastră. Puteți adăuga o mulțime de lucruri, cum ar fi umbre, animații, puteți schimba culorile hărților, raza bordurii și multe altele.
Puteți accesa, de asemenea, proprietățile părinților elementului. De exemplu, dacă ați plasat o imagine în interiorul unei coloane și ați deschis inspectorul de proprietăți, atunci puteți accesa proprietățile imaginii, ale coloanei în care este conținută și ale rândului în care este conținută coloana.
Inspectorul de proprietăți conține o mulțime de setări diferite pentru diferite elemente, așa că asigurați-vă că le verificați pe toate.
Page Builder Sandwich vă arată shortcode-urile reale în frontend și le puteți edita cu ușurință!
Dacă v-ați memorat shortcode-urile, le puteți introduce tastându-le direct în conținut. Dar dacă nu le-ați memorat pe toate (cine face asta?), inspectorul listează toate shortcode-urile disponibile pe site-ul dumneavoastră. Trageți un buton Shortcode din inspector în zona de conținut și găsiți-l pe cel pe care doriți să îl introduceți, faceți clic pe el pentru a-l introduce.
Shortcode-urile sunt redate în conținut real în frontend; pentru a le edita, puteți selecta elementul și verifica atributele acestuia în inspector. Sau, pentru mai mult control, puteți face dublu clic pe shortcode pentru a-l edita în formă brută. După efectuarea modificărilor, shortcode-ul se va actualiza pentru a reflecta schimbările.
Puteți face clic și trage orice și muta oriunde cu PBS. Când trageți ceva, mutați-l deasupra unui alt element din pagină; îl puteți muta fie deasupra, fie dedesubtul oricărui alt conținut.
Salvarea lucrului
După ce sunteți mulțumit de designul dumneavoastră, faceți clic pe butonul de salvare din stânga sus a paginii. Asta e tot!
Page Builder Sandwich nu este ca un constructor de pagini obișnuit, este necomplicat și simplu de utilizat.
Puteți viziona videoclipul de mai jos pentru un tur rapid.
În primul rând, creați o pagină nouă, o postare sau un CPT. Apoi vizitați noua postare sau oricare existentă în interfața publică (frontend). PBS este 100% frontend, nu va trebui să meșteriți în backend.
Ar trebui să existe un buton „Page Builder Sandwich” în partea de sus a paginii dvs. (în bara de administrare), faceți clic pe el pentru a începe editarea. Ar trebui să vedeți zona de formatare a textului apărând de sus, iar panoul de adăugare a elementelor apărând din lateral. Zona de conținut a temei dvs. este acum editorul dvs.!
Puteți edita doar pagini individuale cu PBS. Nu puteți edita o listă de articole de blog sau o pagină 404, deoarece acestea sunt create de tema dvs. Articolele, paginile și tipurile de postări personalizate sunt în regulă.
Acum vine partea minunată… odată ce sunteți în frontend și în interiorul editorului, faceți clic pe orice text din conținutul dvs. sau faceți clic în interiorul zonei de conținut și începeți să tastați! Spre deosebire de alte instrumente de creare a paginilor, PBS vă permite să editați direct conținutul fără a fi nevoie să treceți prin ferestre de dialog popup.
În timpul editării, zona din partea de sus se numește Bara de formatare a textului. Această bară conține toate instrumentele de formatare pe care le veți folosi pentru stilizarea textului, cum ar fi: culori, caractere aldine, cursive, alinieri, adăugarea de linkuri, marcatori și multe altele. Treceți cu mouse-ul peste fiecare buton pentru a afla ce face instrumentul respectiv.
Treceți cu mouse-ul peste butonul Add Elements din partea stângă sus a ecranului pentru a afișa Panoul de adăugare elemente. De asemenea, puteți pur și simplu să mutați mouse-ul în partea stângă a ecranului pentru a-l face să apară.
Pentru a introduce orice element, țineți apăsat butonul mouse-ului pe unul dintre ele, apoi trageți-l în zona dvs. de conținut. Zona în care va fi plasat elementul va fi evidențiată. Eliberați butonul mouse-ului pentru a plasa elementul.
Treceți cu mouse-ul peste orice element pe care îl aveți în conținut și apoi contururile și barele de instrumente ar trebui să apară deasupra lor.
Puteți trece cu mouse-ul peste marginile contururilor pentru a mări/micșora spațiile dintre elemente.
De asemenea, puteți face clic pe un buton din bara de instrumente pentru a efectua acțiuni rapide asupra elementului. Făcând clic pe pictograma roată dințată de pe bara de instrumente, se va deschide Inspectorul de proprietăți, care conține mai multe opțiuni.
Inspectorul de proprietăți vă oferă mai mult control asupra aspectului elementelor dvs. Puteți adăuga o mulțime de lucruri, cum ar fi umbre, animații, schimbarea culorilor hărților, raza chenarului și multe altele.
De asemenea, puteți accesa proprietățile părinților elementului. De exemplu, dacă ați plasat o imagine în interiorul unei coloane și ați deschis inspectorul de proprietăți, atunci puteți accesa proprietățile imaginii, ale coloanei în care este conținută și ale rândului în care este conținută coloana.
Inspectorul de proprietăți conține o mulțime de setări diferite pentru diverse elemente, așa că asigurați-vă că le explorați pe toate.
Page Builder Sandwich vă arată shortcode-urile efective în frontend și le puteți edita cu ușurință!
Dacă ați memorat shortcode-urile, le puteți introduce tastându-le direct în conținut. Dar dacă nu le-ați memorat pe toate (cine face asta?), inspectorul listează toate shortcode-urile disponibile pe site-ul dvs. Trageți un buton Shortcode din inspector în zona dvs. de conținut și găsiți-l pe cel pe care doriți să îl introduceți, apoi faceți clic pe el pentru a-l insera.
Shortcode-urile sunt redate ca și conținut real în frontend; pentru a le edita, le puteți selecta și verifica atributele în inspector. Sau, pentru mai mult control, puteți face dublu clic pe shortcode pentru a-l edita în formă brută. După efectuarea modificărilor, shortcode-ul se va actualiza pentru a reflecta schimbările.
Puteți face clic și trage orice element pentru a-l muta oriunde cu PBS. Când trageți ceva, mutați-l deasupra unui alt element din pagină; îl puteți muta fie deasupra, fie dedesubtul oricărui alt conținut.
Salvarea lucrului dvs.
Odată ce sunteți mulțumit de designul dvs., faceți clic pe butonul de salvare din partea stângă sus a paginii. Asta este tot!
Modulul Lite și modulul Premium sunt două module diferite. Pentru a utiliza funcțiile premium, va trebui să dezactivați (sau să dezinstalați) versiunea Lite, apoi să instalați și să activați modulul Premium și apoi să introduceți cheia de licență.
Notă: Dacă activați atât modulul lite, cât și cel premium în același timp, modulul vă va solicita să îl dezactivați mai întâi pe cel pe care îl aveți înainte de a continua.
Notă pentru clienții care au cumpărat PBS de pe pagebuildersandwich.com: Puteți descărca modulul și de pe site, cheia de licență actuală pe care o aveți ar trebui să funcționeze în continuare. Dacă nu funcționează, vă rugăm să ne contactați și vă putem emite una nouă.
După ce achiziționați PBS, ar trebui să primiți un e-mail care conține două lucruri:
Instalați și activați modulul premium, iar apoi ar trebui să vi se afișeze acest ecran:
Introduceți cheia de licență aici și faceți clic pe Agree & Activate License. Acum funcțiile premium vor fi disponibile.
Alternativ, puteți merge și la pagina de module și să găsiți modulul Page Builder Sandwich în listă:
Faceți clic pe linkul Activate License și ar trebui să puteți introduce licența de acolo.
Puteți edita doar pagini sau articole individuale folosind Page Builder Sandwich. Priviți lucrurile în felul următor: dacă există o zonă „Articol nou” cu un editor de conținut în panoul de administrare pentru acesta, atunci îl puteți edita cu Page Builder Sandwich.
Ar trebui să puteți edita conținutul oricărui tip de articol personalizat.
Ne-am asigurat că Page Builder Sandwich are un impact aproape de zero asupra performanței site-ului dumneavoastră. Când nu sunteți autentificat, în cel mai simplu caz, sunt încărcate în coadă doar stilurile CSS pentru rânduri și coloane, împreună cu scripturile JS și CSS necesare pentru shortcode-urile pe care le-ați folosit.
Pentru vizitatorii site-ului dumneavoastră, în cel mai simplu caz, sunt puse în coadă doar stilurile CSS pentru rânduri și coloane, împreună cu scripturile JS și CSS necesare pentru shortcode-urile pe care le-ați folosit.
Am adăugat recent câteva remedieri legate de problema de compatibilitate în care atât pluginul Page Builder Sandwich, cât și IMPress for IDX Broker erau activate simultan. Acest lucru a cauzat o blocare pe frontend pentru utilizatorii autentificați.
Remedierea a făcut ca PBS să fie din nou funcțional, dar a trebuit să eliminăm capacitatea widgetului IDX Broker de a fi inserat în interiorul editorului. În ciuda acestui fapt, widgetul IDX Broker poate fi folosit în continuare în meniul Aspect > Widgeturi.
Pentru a vă permite să lucrați mai rapid, puteți utiliza diverse comenzi rapide de la tastatură disponibile în Page Builder Sandwich.
Acestea sunt comenzi rapide pentru comenzi fără formatare/instrumente. Pentru comenzile rapide de formatare/instrumente, treceți cu mouse-ul peste fiecare buton din bara de formatare a textului pentru a vedea combinația lor de taste.
| Tastă de comandă rapidă | Descriere |
| CTRL+E (când nu editați) | Începeți editarea |
| CTRL+SHIFT+R (în timpul editării) | Reîmprospătați pagina (deoarece CTRL+R este utilizat pentru alinierea la dreapta) |
| CTRL+S | Salvați modificările |
| CTRL+ESC | Renunțați la modificări și opriți editarea |
| CTRL+C | Copiere |
| CTRL+V | Lipire |
| CTRL+X | Decupare |
| CTRL+ENTER | Întrerupere de rând / rândul următor |
| CTRL+Z | Anulare (Undo) |
| CTRL+SHIFT+Z (Mac) CTRL+Y (PC) |
Refacere (Redo) |