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.
Unde este editorul?
Î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ă.
Editarea conținutului dumneavoastră
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.
Formatarea conținutului / Înfrumusețarea aspectului
Î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.
Adăugarea elementelor
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.
Stilizarea și modificarea elementelor
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
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.
Utilizarea codurilor scurte (shortcodes)
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.
Rearanjarea conținutului
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!