Page Builder Sandwich non è come il solito page builder: è lineare e semplice da usare.
Puoi guardare il video qui sotto per una rapida panoramica.
Dov’è l’editor?
Per prima cosa, crea una nuova pagina, un articolo o un CPT. Poi visita il tuo nuovo articolo o uno qualsiasi già esistente nel tuo frontend. PBS è al 100% frontend, non dovrai armeggiare nel backend.
Dovrebbe esserci un pulsante “Page Builder Sandwich” nella parte superiore della pagina (sulla tua barra di amministrazione): fai clic su di esso per iniziare a modificare. Dovresti vedere comparire l’area di formattazione del testo dall’alto e il pannello per aggiungere elementi dal lato. L’area dei contenuti del tuo tema è ora il tuo editor!
Con PBS puoi modificare solo pagine singole. Non puoi modificare un elenco di articoli del blog o una pagina 404, poiché questi sono creati dal tuo tema. Articoli, pagine e custom post type vanno benissimo.
Modificare i tuoi contenuti
Ora arriva la parte migliore… una volta che sei nel frontend e all’interno dell’editor, fai clic su qualsiasi testo nei tuoi contenuti o fai clic all’interno dell’area dei contenuti e inizia a digitare! A differenza di altri page builder, PBS ti consente di modificare direttamente i contenuti senza dover passare attraverso finestre popup.
Formattare i tuoi contenuti / Rendere tutto più bello
Durante la modifica, l’area in alto è chiamata Barra di formattazione del testo. Questa barra contiene tutti gli strumenti di formattazione che utilizzerai per dare stile al testo, come: colori, grassetto, corsivo, allineamenti, aggiunta di link, elenchi puntati e altro ancora. Passa il cursore su ciascun pulsante per scoprire cosa fa lo strumento.
Aggiungere elementi
Passa il mouse sul pulsante Aggiungi elementi in alto a sinistra sullo schermo per visualizzare il Pannello Aggiungi elementi. Puoi anche semplicemente spostare il mouse sul lato sinistro dello schermo per farlo apparire.
Per inserire qualsiasi elemento, tieni premuto il mouse su di esso, quindi trascinalo nella tua area dei contenuti. L’area in cui verrebbe posizionato l’elemento verrà evidenziata. Rilascia il pulsante del mouse per posizionare l’elemento.
Stilizzare e modificare gli elementi
Passa il mouse su qualsiasi elemento presente nei tuoi contenuti e vedrai apparire contorni e barre degli strumenti su di essi.
Puoi passare il mouse sui bordi dei contorni per aumentare/diminuire i margini tra gli elementi.
Puoi anche fare clic su un pulsante della barra degli strumenti per eseguire azioni rapide sull’elemento. Facendo clic sull’icona a forma di ingranaggio nella barra degli strumenti si aprirà l’Ispettore delle proprietà, che contiene ulteriori opzioni.
L’Ispettore delle proprietà
L’ispettore delle proprietà ti offre un maggiore controllo sull’aspetto dei tuoi elementi. Puoi aggiungere moltissime cose come ombreggiature, animazioni, modificare i colori della mappa, il raggio del bordo e molto altro ancora.
Puoi anche accedere alle proprietà degli elementi genitore. Ad esempio, se hai inserito un’immagine all’interno di una colonna e hai aperto l’ispettore delle proprietà, puoi accedere alle proprietà dell’immagine, della colonna in cui è contenuta e della riga in cui è contenuta la colonna.
L’ispettore delle proprietà contiene molte impostazioni diverse per i vari elementi, quindi assicurati di esplorarle tutte.
Utilizzare gli shortcode
Page Builder Sandwich mostra gli shortcode effettivi nel frontend e puoi anche modificarli facilmente!
Se hai memorizzato i tuoi shortcode, puoi inserirli digitandoli direttamente nei tuoi contenuti. Ma se non li hai memorizzati tutti (chi mai lo farebbe?), l’ispettore elenca tutti gli shortcode disponibili nel tuo sito. Trascina un pulsante Shortcode dall’ispettore nella tua area dei contenuti, trova quello che desideri inserire e fai clic su di esso per inserirlo.
Gli shortcode vengono convertiti in contenuti effettivi nel frontend; per modificarli, puoi selezionarli e controllare i loro attributi nell’ispettore. Oppure, per un maggiore controllo, puoi fare doppio clic sullo shortcode per modificarlo nel formato grezzo. Dopo aver apportato le modifiche, il tuo shortcode si aggiornerà per riflettere i cambiamenti.
Riorganizzare i tuoi contenuti
Con PBS puoi fare clic e trascinare qualsiasi elemento e spostarlo ovunque. Quando trascini qualcosa, spostalo sopra un altro elemento della pagina: puoi posizionarlo sopra o sotto qualsiasi altro contenuto.
Salvare il tuo lavoro
Una volta soddisfatto del tuo design, fai semplicemente clic sul pulsante Salva in alto a sinistra nella tua pagina. Tutto qui!