Kako koristiti Page Builder Sandwich

Page Builder Sandwich nije poput vašeg uobičajenog alata za izradu stranica, nekompliciran je i jednostavan za korištenje.

Možete pogledati videozapis u nastavku za brzi pregled.

Gdje se nalazi uređivač?

Prvo stvorite novu stranicu, objavu ili CPT. Zatim posjetite svoju novu objavu ili bilo koju postojeću na korisničkom sučelju (frontend). PBS je 100% frontend, nećete morati petljati po pozadinskom dijelu (backend).

Na vrhu vaše stranice (na vašoj traci administratora) trebao bi biti gumb “Page Builder Sandwich”, kliknite na njega za početak uređivanja. Trebali biste vidjeti područje za oblikovanje teksta koje iskače s vrha i ploču za dodavanje elemenata koja iskače sa strane. Područje sadržaja vaše teme sada je vaš uređivač!

S PBS-om možete uređivati samo pojedinačne stranice. Ne možete uređivati popis objava na blogu ili stranicu 404 jer njih stvara vaša tema. Objave, stranice i prilagođene vrste objava su u redu.

Uređivanje vašeg sadržaja

Sada dolazi onaj sjajni dio.. kada ste na korisničkom sučelju i unutar uređivača, kliknite bilo koji tekst u svom sadržaju ili kliknite unutar područja sadržaja i počnite tipkati! Za razliku od drugih alata za izradu stranica, PBS vam omogućuje izravno uređivanje sadržaja bez potrebe za prolaskom kroz skočne dijaloške okvire.

Oblikovanje vašeg sadržaja / Uljepšavanje stvari

dcb1615380 file 9OtagMFi2c

Tijekom uređivanja, područje na vrhu naziva se Traka za oblikovanje teksta. Ova traka sadrži sve alate za oblikovanje koje ćete koristiti za stiliziranje teksta kao što su: boje, podebljano, kurziv, poravnanja, dodavanje poveznica, grafičkih oznaka i više. Zadržite pokazivač iznad svakog gumba kako biste saznali što taj alat radi.

Dodavanje elemenata

ecfd309bb2 file yDqiNEv73s

Zadržite pokazivač miša iznad gumba Dodaj elemente u gornjem lijevom kutu zaslona kako bi se prikazala Ploča za dodavanje elemenata. Također možete samo pomaknuti miš na lijevu stranu zaslona kako bi se ona prikazala.

Da biste umetnuli bilo koji element, držite pritisnutu tipku miša na jednom od njih, a zatim ga povucite u područje sadržaja. Područje na koje bi se element postavio postat će istaknuto. Otpustite tipku miša kako biste postavili element.

Stiliziranje i modificiranje elemenata

Zadržite pokazivač miša iznad bilo kojeg elementa koji imate u svom sadržaju i iznad njih bi se trebali pojaviti obrisi i alatne trake.

0046713cb7 file YU6nUCc7jYMožete zadržati pokazivač miša iznad rubova obrisa kako biste povećali/smanjili margine između elemenata.

Također možete kliknuti na gumb na alatnoj traci za izvođenje brzih radnji na elementu. Klikom na ikonu zupčanika na alatnoj traci otvorit će se Inspektor svojstava koji sadrži više opcija.

5c220b4ac9 file Odem5RLPok

Inspektor svojstava

3e7e48b754 file INy1v5z9Oz

Inspektor svojstava daje vam veću kontrolu nad izgledom vaših elemenata. Možete dodati puno stvari poput sjena, animacija, promijeniti boje karte, radijus obruba i još mnogo toga.

Također možete pristupiti svojstvima roditelja elementa. Na primjer, ako ste postavili sliku unutar stupca i otvorili inspektor svojstava, tada možete pristupiti svojstvima slike, stupca u kojem se nalazi i retka u kojem se nalazi stupac.

Inspektor svojstava sadrži mnogo različitih postavki za različite elemente, stoga ih svakako sve istražite.

Korištenje kratkih kodova (shortcodes)

Page Builder Sandwich prikazuje vam stvarne kratke kodove na korisničkom sučelju, a možete ih i jednostavno uređivati!

edee730340 file TqfWB9yv3y

Ako ste zapamtili svoje kratke kodove, možete ih umetnuti upisivanjem izravno u svoj sadržaj. Ali ako ih niste sve zapamtili (tko to uopće radi?), inspektor navodi sve kratke kodove dostupne na vašoj web-stranici. Povucite gumb Kratki kod iz inspektora u svoje područje sadržaja i pronađite onaj koji želite umetnuti, kliknite na njega da biste ga umetnuli.

Kratki kodovi se prikazuju kao stvarni sadržaj na korisničkom sučelju, a da biste ih uredili, možete ih odabrati i provjeriti njihove atribute u inspektoru. Ili za veću kontrolu, možete dvaput kliknuti na kratki kod kako biste ga uredili u izvornom obliku. Nakon uređivanja, vaš kratki kod će se ažurirati kako bi odražavao promjene.

Preraspodjela vašeg sadržaja

S PBS-om možete kliknuti i povući bilo što te premjestiti bilo gdje. Kada nešto povučete, pomaknite to na vrh drugog elementa na stranici; možete ih premjestiti iznad ili ispod bilo kojeg drugog sadržaja.

Spremanje vašeg rada

ae0cf6f413 file

Kada ste zadovoljni svojim dizajnom, samo kliknite na gumb za spremanje u gornjem lijevom kutu stranice. To je sve!