Come creare layout WordPress personalizzati con Beaver Builder

Vuoi imparare come creare layout di pagina personalizzati in WordPress? Beaver Builder ti consente di creare i tuoi layout di pagina senza scrivere alcun codice. In questo articolo, esamineremo Beaver Builder e ti mostreremo come creare layout di pagina personalizzati in WordPress con Beaver Builder.

Perché e quando hai bisogno di layout di pagina personalizzati

Molti temi premium WordPress hanno layout di pagina pronti all'uso per diverse sezioni di un sito web. Tuttavia, a volte un layout integrato potrebbe non soddisfare le tue esigenze.

È possibile creare modelli di pagina personalizzati in WordPress creando un tema figlio e aggiungendo i propri modelli di pagina. Ma per farlo funzionare avrai bisogno di una certa conoscenza di PHP, HTML e CSS.

Qui entra in gioco Beaver Builder. Si tratta di un plugin per la creazione di pagine drag-and-drop per WordPress. Ti aiuta a creare i tuoi layout di pagina personalizzati senza scrivere alcun codice.

Recensione di Beaver Builder

Beaver Builder è molto facile da usare e per principianti. Allo stesso tempo, è caricato con caratteristiche incredibili per creare pagine dall'aspetto professionale.

Funziona con tutti i temi WordPress e ha un sacco di moduli che puoi semplicemente trascinare e rilasciare sulla tua pagina. È possibile creare qualsiasi tipo di layout che si desidera e configurarlo nel modo in cui si è immaginato.

In questa recensione di Beaver Builder, ti mostreremo come utilizzare Beaver Builder per creare layout di pagina personalizzati in WordPress.

Iniziamo.

Impostazione del plugin Beaver Builder

Per prima cosa è necessario acquistare il plug-in Beaver Builder. È un plug-in a pagamento, con prezzi a partire da $ 99 per siti illimitati.

Successivamente, è necessario installare e attivare il plug-in Beaver Builder. Per ulteriori dettagli, consulta la nostra guida passo passo su come installare un plug-in di WordPress.

Dopo l'attivazione, è necessario visitare Impostazioni »Page Build pagina per inserire il codice di licenza.

Dopo aver inserito il codice di licenza, sei pronto per creare bellissimi layout di pagina.

Creazione del primo layout di pagina personalizzato con Beaver Builder

Basta creare una nuova pagina in WordPress visitando Pagine »Aggiungi nuovo. Noterai una nuova scheda Page Builder nell'editor di WordPress.

Fare clic sulla scheda 'Page Builder' per avviare il Beaver Builder.

Se è la prima volta che usi Beaver Builder, vedrai un popup di benvenuto che ti offre una visita guidata.

A questo punto, puoi fare clic sul pulsante No grazie per saltare il tour. Da allora, ti guideremo attraverso le diverse funzionalità di questa guida, quindi non avrai bisogno del tour.

Dopo di che è necessario fare clic sul Modelli pulsante nel menu principale.

Beaver Builder viene fornito con alcuni modelli professionali per iniziare subito.

Non ti preoccupare, puoi personalizzare il modello quanto vuoi. È solo un modo veloce per iniziare con un layout.

Quando si seleziona un layout, Beaver Builder lo caricherà nella finestra di anteprima. Porta il mouse su un oggetto e Beaver Builder lo evidenzierà.

Puoi semplicemente fare clic sull'icona della chiave inglese su qualsiasi elemento evidenziato per modificarlo.

Beaver Builder mostrerà un popup con diverse impostazioni che puoi modificare. Puoi cambiare testo, colore, sfondo, carattere, riempimento, margine, ecc.

Puoi anche fare clic su un elemento nell'anteprima dal vivo e trascinarlo per spostarlo nella pagina.

I layout di Beaver Builder si basano su righe. È possibile trascinare e rilasciare per riordinare le righe. Puoi anche rimuovere o aggiungere una nuova riga.

Basta fare clic sul Layout di riga menu e quindi selezionare il numero di colonne desiderato nella riga.

Beaver Builder aggiungerà la riga all'anteprima dal vivo sul tuo sito.

Puoi aggiungere elementi alla tua fila usando i moduli e i widget di base o avanzati. Questi moduli ti permettono di aggiungere gli elementi più comunemente utilizzati come pulsanti, titoli, testo, immagini, presentazioni, audio, video, ecc..

Basta selezionare un elemento e trascinarlo sulla riga che hai appena aggiunto. Clicca su un oggetto per modificarne le proprietà.

È anche possibile salvare una riga o un modulo per riutilizzarli in seguito su altre pagine. Clicca su Salva come pulsante durante la modifica di una riga o di un modulo.

Fai clic sul pulsante Fine quando hai finito di modificare la pagina. Beaver Builder mostrerà un popup con pulsanti per pubblicare o salvare la tua pagina come bozza.

Puoi anche riutilizzare un intero layout di pagina per altre pagine sul tuo sito WordPress. Basta aprire la pagina con Page Builder e quindi fare clic sul pulsante Strumenti nella barra superiore.

Beaver Builder ti mostrerà un popup. È possibile salvare la pagina come modello o creare rapidamente una pagina duplicata con lo stesso layout.

Gestione dei modelli di layout di pagina in Beaver Builder

Ciascuna licenza di Beaver Builder autorizza l'utente a utilizzarla su siti Web illimitati. Ma come muovi i tuoi modelli di pagina da un sito WordPress a un altro?

Beaver Builder memorizza i modelli creati dall'utente in un tipo di post personalizzato chiamato modelli. È nascosto di default, ma puoi renderlo visibile andando a Impostazioni »Page Build e facendo clic sulla scheda Modelli.

Seleziona semplicemente la casella accanto all'opzione "Abilita i modelli Admin" e fai clic sul pulsante Salva impostazioni modello.

Noterai una nuova voce di menu etichettata I modelli appariranno nella barra di amministrazione di WordPress. Tutti i layout di pagina che salvi come modello appariranno su quella pagina.

Poiché si tratta di un tipo di post personalizzato, puoi esportare facilmente i tuoi modelli di Beaver Builder utilizzando la funzione di esportazione integrata in WordPress.

Visita Strumenti »Esporta pagina e selezionare Modelli. Fare clic sul pulsante 'Scarica file di esportazione' e WordPress invierà un file XML da scaricare.

Ora accedi al sito WordPress in cui desideri importare i modelli. Visita Impostazioni »Importa pagina e clicca su WordPress.

Ti verrà chiesto di scaricare e installare il plug-in di importazione WordPress. Dopo di che sarai in grado di caricare semplicemente il tuo file XML e importarlo.

Questo è tutto, speriamo che questo articolo ti abbia aiutato a creare layout di pagina personalizzati in WordPress usando Beaver Builder. Potresti anche voler vedere la nostra guida su come nascondere elementi non necessari dall'amministratore di WordPress con Adminimize.

Se questo articolo ti è piaciuto, ti preghiamo di iscriverti al nostro canale YouTube per le esercitazioni video di WordPress. Puoi anche trovarci su Twitter e Facebook.