Page Builder Sandwich non è come i soliti page builder: è lineare e semplice da usare.

Puoi guardare il video qui sotto per una rapida panoramica.

Dov’è l’editor?

Prima di tutto, crea una nuova pagina, un articolo o un CPT. Poi visualizza il tuo nuovo contenuto o uno qualsiasi di quelli esistenti 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 barra di amministrazione), fai clic su di esso per iniziare a modificare. Dovresti vedere l’area di formattazione del testo apparire dall’alto e il pannello di aggiunta degli elementi comparire lateralmente. L’area dei contenuti del tuo tema ora è il tuo editor!

Con PBS puoi modificare solo singole pagine. Non puoi modificare un elenco di articoli del blog o una pagina 404, poiché sono creati dal tuo tema. Articoli, pagine e tipi di post personalizzati vanno benissimo.

Modificare i contenuti

Ora viene la parte migliore… una volta nel frontend e all’interno dell’editor, fai clic su qualsiasi testo nel contenuto 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 di dialogo a comparsa.

Formattare i contenuti / Rendere il tutto accattivante

Durante la modifica, l’area in alto è chiamata Barra di formattazione del testo. Questa barra contiene tutti gli strumenti di formattazione che utilizzerai per personalizzare lo stile del testo, come: colori, grassetto, corsivo, allineamenti, aggiunta di link, elenchi puntati e altro. Passa il mouse su ciascun pulsante per scoprire le funzioni di ogni strumento.

Aggiungere elementi

Passa il mouse sopra il pulsante Aggiungi elementi in alto a sinistra dello schermo per mostrare il Pannello Aggiungi elemento. Puoi anche semplicemente spostare il mouse sul lato sinistro dello schermo per farlo comparire.

Per inserire qualsiasi elemento, tieni premuto il pulsante del mouse su di esso, quindi trascinalo nella tua area dei contenuti. L’area in cui verrà posizionato l’elemento verrà evidenziata. Rilascia il pulsante del mouse per posizionare l’elemento.

Personalizzare lo stile e modificare gli elementi

Passa il mouse su qualsiasi elemento presente nel tuo contenuto e su di esso appariranno contorni e barre degli strumenti.

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à il Pannello delle proprietà, che contiene ulteriori opzioni.

Il pannello delle proprietà

Il pannello delle proprietà ti offre un maggiore controllo sull’aspetto dei tuoi elementi. Puoi aggiungere molti elementi 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 il pannello delle proprietà, potrai accedere alle proprietà dell’immagine, della colonna in cui è contenuta e della riga che contiene la colonna.

Il pannello delle proprietà contiene molte impostazioni diverse per i differenti elementi, quindi assicurati di esplorarle tutte.

Usare gli shortcode

Page Builder Sandwich mostra gli shortcode effettivi nel frontend e puoi anche modificarli facilmente!

Se ricordi a memoria i tuoi shortcode, puoi inserirli digitandoli direttamente nei contenuti. Ma se non li ricordi tutti (chi lo fa?), il pannello elenca tutti gli shortcode disponibili nel tuo sito. Trascina un pulsante Shortcode dal pannello nella tua area dei contenuti, individua 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 verificare i loro attributi nel pannello. Oppure, per un maggiore controllo, puoi fare doppio clic sullo shortcode per modificarlo nel suo formato grezzo. Dopo aver effettuato le modifiche, lo shortcode si aggiornerà per riflettere le variazioni apportate.

Riorganizzare i contenuti

Con PBS puoi fare clic, trascinare qualsiasi cosa e spostarla ovunque. Quando trascini un elemento, spostalo sopra un altro elemento della pagina; puoi posizionarlo sopra o sotto qualsiasi altro contenuto.

Salvare il lavoro

Quando sei soddisfatto del tuo design, fai semplicemente clic sul pulsante di salvataggio in alto a sinistra della pagina. Tutto qui!