Come creare splendidi contenuti lunghi in WordPress con StoryBuilder

Recentemente, uno dei nostri lettori ci ha chiesto se fosse possibile creare dei bei contenuti long form in WordPress. I contenuti long form con un elemento di storytelling hanno dimostrato di essere più coinvolgenti del testo semplice e delle immagini. In questo articolo vi mostreremo come creare bellissimi contenuti long form in WordPress con StoryBuilder.

Perché usare StoryBuilder per gli articoli lunghi in WordPress?

Gli utenti passano solo pochi secondi a guardare un sito web prima di decidere se rimanere o andarsene. Se pubblicate articoli lunghi, trattenere gli utenti sul vostro sito diventa ancora più difficile.

L’aggiunta di supporti multimediali e visivi interattivi rende i contenuti di lunga durata molto coinvolgenti per gli utenti. Invece di limitarsi a scorrere il testo e le immagini, gli utenti possono interagire con gli elementi della pagina.

Ecco alcuni dei migliori esempi di contenuti long form con elementi di storytelling.

• New York Times – A cavallo della nuova via della seta
• Washington Post – Washington – Un mondo a parte
• The Guardian – Tempesta di fuoco
• Pitchfork – Macchine per la vita

Tutti questi articoli di lunga durata condividono tratti simili di grande narrazione. Utilizzano media immersivi, effetti di parallasse ed elementi interattivi dell’interfaccia utente per creare contenuti coinvolgenti.

I temi tradizionali di WordPress di solito non consentono di creare pagine o post di questo tipo. Anche se ci provate, dovrete utilizzare una serie di plugin e il tutto potrebbe non funzionare bene per il vostro pubblico.

Detto questo, vediamo come creare bellissimi contenuti long form in WordPress con StoryBuilder, utilizzando qualsiasi tema e senza scrivere alcun codice.

Creare il primo racconto lungo con StoryBuilder

La prima cosa da fare è installare e attivare il plugin Press75 Long Form Storybuilder. Per maggiori dettagli, consultate la nostra guida passo passo su come installare un plugin di WordPress.

Dopo l’attivazione, è necessario creare un nuovo post o una nuova pagina. Si noterà la nuova casella di meta “Abilita contenuto long form” nella schermata di modifica del post.

È necessario selezionare la casella accanto all’opzione “Visualizza come contenuto lungo” e poi fare clic sul pulsante Salva bozza.

WordPress ricaricherà la pagina e verrà visualizzato un avviso che indica che il contenuto long form è abilitato per la pagina o il post. Al posto dell’editor di post, si vedrà un pulsante con la dicitura “Modifica la mia pagina con contenuto a lungo formato”.

Fare clic sul pulsante per avviare l’editor dei contenuti long form.

Una nuova finestra del browser aprirà la pagina corrente nel personalizzatore del tema WordPress.

Il riquadro di destra mostrerà alcune istruzioni di base su come utilizzare StoryBuilder. Queste istruzioni scompariranno quando si inizierà a modificare la pagina.

Il riquadro di sinistra contiene i controlli del Customizer, compresi quelli utilizzati per modificare il tema di WordPress. Nei controlli del Customizer sono evidenziate due opzioni.

Fare clic sulla scheda Opzioni pagina. Consente di scegliere i colori primari e secondari da utilizzare nella pagina di contenuto long form che si sta modificando.

Consente inoltre di scegliere i caratteri che si desidera utilizzare per la pagina.

A questo punto, fare clic sulla freccia indietro accanto all’intestazione “Opzioni pagina” nel riquadro di sinistra.

A questo punto è possibile fare clic sulla scheda “Sezioni di pagina di formato lungo” per iniziare a creare i contenuti di formato lungo.

Nella scheda Avanti, fare clic sul pulsante Aggiungi sezioni. Si aprirà un’altra scheda con l’elenco delle sezioni che è possibile aggiungere alla pagina.

Facendo clic su una sezione, questa verrà aggiunta alla pagina. Verranno visualizzate le impostazioni per la modifica della sezione.

Ogni sezione ha impostazioni diverse. Ad esempio, la sezione Intestazione richiede un titolo di sezione, un’immagine, un testo da mostrare come intestazione principale e un sottotitolo.

Dopo aver compilato le impostazioni, è sufficiente fare clic sul pulsante di chiusura in basso. Ora è possibile aggiungere un’altra sezione alla pagina.

Tutte le sezioni appariranno nel riquadro di sinistra. È possibile riorganizzarle con il drag and drop.

Se si desidera rimuovere una sezione, è sufficiente fare clic su di essa e poi sul link Rimuovi in fondo alle impostazioni della sezione.

Ecco un elenco delle sezioni attualmente disponibili nello StoryBuilder.

• Menu di navigazione – Consente di aggiungere un menu di navigazione alla storia. È possibile utilizzare un menu di navigazione esistente o creare un menu personalizzato.
• Callout – Una sezione di callout a tutta larghezza con sfondo colorato. Per lo sfondo utilizza il colore primario selezionato in Opzioni pagina.
• Contenuto – Un’area di contenuto a colonna singola
• Area di contenuto a due colonne
• Area di contenuto a tre colonne
• Caratteristica completa – Consente di aggiungere un’immagine a tutta larghezza con effetto parallasse, intestazione, sottotitolo e contenuto.
• Intestazione di sezione – Aggiunge una riga di intestazione di sezione.

Le sezioni dell’area di contenuto sono come l’editor dei post di WordPress. È possibile inserire video, immagini, citazioni a blocchi, incorporare tweet o post di Facebook.

Proprio come l’intera pagina, anche le aree di contenuto a più colonne sono completamente reattive. I contenuti saranno visualizzati in una singola colonna per gli utenti con schermi più piccoli.

Una volta aggiunte alcune sezioni alla pagina, fare clic sul pulsante Salva e pubblica in alto. Anche se il pulsante dice “Pubblica”, la pagina verrà comunque salvata come Bozza.

È necessario uscire dal personalizzatore facendo clic sul pulsante di chiusura.

In questo modo si tornerà alla schermata di modifica del post di WordPress, dove si potrà scegliere di pubblicare la pagina o il post mantenendolo salvato come bozza.

Questo è tutto, speriamo che questo articolo vi abbia aiutato a imparare come creare bellissimi contenuti long form in WordPress con StoryBuilder. Se vi è piaciuta la funzionalità drag and drop di StoryBuilder, allora potreste anche voler vedere il nostro confronto tra i migliori page builder drag and drop per WordPress.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.