Kako koristiti Page Builder Sandwich

Kako koristiti Page Builder Sandwich

Page Builder Sandwich nije poput vašeg tipičnog alata za izradu stranica, jednostavan je i lak 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, tako da nećete morati petljati po pozadinskom dijelu (backend).

Pri vrhu vaše stranice (na administratorskoj traci) trebao bi se nalaziti gumb “Page Builder Sandwich”, kliknite na njega kako biste započeli uređivanje. Vidjet ćete kako se područje za oblikovanje teksta pojavljuje s vrha, a ploča za dodavanje elemenata sa strane. Područje sadržaja vaše teme sada je vaš uređivač!

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

Uređivanje sadržaja

A sada dolazi sjajan dio.. kada ste na korisničkom dijelu 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 otvaranjem skočnih dijaloških okvira.

Oblikovanje sadržaja / Uljepšavanje izgleda

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čke oznake i još mnogo toga. Zadržite pokazivač miša iznad svakog gumba kako biste saznali čemu taj alat služi.

Dodavanje elemenata

ecfd309bb2 file yDqiNEv73s

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

Za umetanje bilo kojeg elementa, pritisnite i držite tipku miša na njemu, a zatim ga povucite u svoje područje sadržaja. Područje na koje bi se element smjestio bit će istaknuto. Otpustite tipku miša kako biste postavili element.

Stiliziranje i mijenjanje 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 mnoge stvari poput sjena, animacija, mijenjati boje karte, radijus obruba i još mnogo toga.

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

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

Korištenje kratkih kodova (Shortcodes)

Page Builder Sandwich prikazuje stvarne kratke kodove na korisničkom dijelu stranice, 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. No ako ih niste sve zapamtili (tko to uopće radi?), inspektor navodi sve kratke kodove dostupne na vašem web-mjestu. Povucite gumb Shortcode iz inspektora u svoje područje sadržaja i pronađite onaj koji želite umetnuti, pa kliknite na njega kako biste ga umetnuli.

Kratki kodovi se prikazuju kao stvarni sadržaj na korisničkom sučelju; kako 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š će se kratki kod ažurirati kako bi odražavao promjene.

Preraspodjela vašeg sadržaja

Pomoću PBS-a možete kliknuti i povući bilo što te premjestiti bilo kamo. Kada nešto povučete, pomaknite to iznad drugog elementa na stranici; možete ga 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 to!