Come creare una pagina personalizzata in WordPress

Una pagina personalizzata ti consente di utilizzare un layout diverso dal resto del tuo sito web. Molti siti WordPress utilizzano layout di pagina personalizzati per le loro pagine di vendita, landing page, pagine di webinar e altro ancora.

Nel corso degli anni, abbiamo creato molte pagine personalizzate su WPBeginner per scopi diversi. Le abbiamo utilizzate per mostrare diverse offerte su plugin e servizi di hosting, offrire servizi Pro per aiutare gli utenti con WordPress, visualizzare diversi prodotti e altro ancora.

Secondo la nostra esperienza, ci sono diversi modi per creare pagine personalizzate. Abbiamo utilizzato page builder come SeedProd per alcuni dei nostri progetti. Oltre a ciò, puoi anche utilizzare l'editor a blocchi o gli editor del sito completo per aggiungere pagine personalizzate al tuo sito.

In questo articolo, ti mostreremo come creare facilmente una pagina personalizzata in WordPress.

Perché creare una pagina personalizzata in WordPress?

Ogni volta che crei una nuova pagina, il tuo tema WordPress controlla l'aspetto di quella pagina utilizzando un file di template.

Questo template page.php influisce su tutte le singole pagine che crei in WordPress. Tuttavia, potresti non voler utilizzare lo stesso design ogni singola volta.

Le landing page spesso hanno contenuti diversi rispetto alle pagine normali, come un'immagine hero di grandi dimensioni o una call to action (CTA). Ciò significa che spesso hanno un aspetto completamente diverso dal resto del tuo sito web. 

Tuttavia, cercare di creare design unici utilizzando il modello di pagina standard può richiedere molto tempo. Sei anche limitato dal modello page.php e potresti non essere in grado di creare il design esatto che desideri. Questo può rendere difficile ottenere buoni risultati. Ad esempio, se stai creando una pagina di vendita, potresti non ottenere molte conversioni a causa di un design scadente della pagina.

Detto questo, vediamo come puoi creare una pagina personalizzata in WordPress, con il design, il layout e il contenuto esatti che desideri. Utilizza semplicemente i collegamenti rapidi qui sotto per passare direttamente al metodo che desideri utilizzare.

• Metodo 1. Come creare una pagina personalizzata in WordPress utilizzando l'editor a blocchi (nessun plugin richiesto)
• Metodo 2. Come creare una pagina personalizzata utilizzando l'editor del sito completo (solo temi basati su blocchi)
• Metodo 3. Crea una pagina personalizzata in WordPress utilizzando SeedProd (consigliato)
• Metodo 4. Utilizzo di Thrive Architect per creare una pagina personalizzata in WordPress

Metodo 1. Come creare una pagina personalizzata in WordPress utilizzando l'editor a blocchi (nessun plugin richiesto) 

L'editor a blocchi rende facile progettare i tuoi modelli utilizzando gli strumenti con cui hai già familiarità.

Questa è una buona scelta se hai intenzione di riutilizzare lo stesso design su più pagine, poiché puoi semplicemente applicare lo stesso modello. Se vuoi creare un design completamente unico, allora un'altra opzione è creare la pagina normalmente e poi modificarne il layout utilizzando l'editor del sito completo, che tratteremo nel Metodo 2.

Tieni presente che questi metodi funzionano solo con temi basati su blocchi come ThemeIsle Hestia Pro o Twenty Twenty-Three. Se non hai un tema basato su blocchi, ti consigliamo di utilizzare invece un page builder.

Per iniziare, apri semplicemente una pagina o un articolo. Quindi, seleziona la scheda 'Pagina' nel menu a destra e fai clic sul testo accanto a 'Modello'.

Le opzioni che vedi possono variare a seconda del tuo tema WordPress, ma il testo mostrerà tipicamente 'Pagina', 'Modello predefinito' o simili.

Nel popup che appare, fai clic sull'icona 'Aggiungi modello'.

Nel popup che appare, digita un nome per il tuo modello e quindi fai clic su 'Crea'.

Il nome è solo per riferimento, quindi puoi usare quello che vuoi.

Questo avvia l'editor di modelli, che funziona in modo simile all'editor di contenuti di WordPress.

Per aggiungere blocchi al design della pagina personalizzata, fai semplicemente clic sul pulsante blu '+'. Puoi quindi trascinare e rilasciare per aggiungere blocchi.

Puoi aggiungere contenuto a un blocco o modificarne la formattazione utilizzando gli strumenti di modifica dei post di WordPress a te familiari. Ad esempio, puoi digitare testo in un blocco 'Intestazione', applicare la formattazione in grassetto o cambiare il testo da H2 a H3.

Puoi anche creare una pagina personalizzata utilizzando i pattern. I pattern sono raccolte di blocchi che vengono spesso utilizzati insieme, come un elenco di eventi, un'immagine con didascalia o una tabella dei prezzi.

I pattern che vedi varieranno a seconda del tuo tema WordPress, ma puoi vedere quali pattern sono disponibili facendo clic sulla scheda 'Pattern'.

Puoi trascinare e rilasciare un pattern di blocchi sul tuo layout o fare clic sul pattern per aggiungerlo in fondo al tuo modello. Quando sei soddisfatto dell'aspetto del modello, fai clic sul pulsante 'Pubblica' e quindi fai clic su 'Salva'.

Ora puoi applicare questo modello a qualsiasi pagina. Apri semplicemente la pagina nell'editor, quindi fai clic sul testo accanto a 'Modello'.

Nel popup che appare, seleziona il modello che hai appena creato.

Fatto ciò, puoi aggiungere contenuti alla pagina, proprio come qualsiasi altra pagina WordPress. 

Metodo 2. Come creare una pagina personalizzata utilizzando l'editor completo del sito (solo temi basati su blocchi)

Se stai utilizzando un tema basato su blocchi, puoi anche creare una pagina personalizzata utilizzando l'editor completo del sito. Questo ti consente di modificare il layout di una singola pagina, senza creare un modello personalizzato.

Tenendo presente ciò, questa è una buona scelta se desideri creare un design completamente unico che non riutilizzerai su nessun'altra pagina.

Per iniziare, crea la pagina normalmente andando su Pagine » Aggiungi nuova. Puoi quindi digitare un titolo, aggiungere categorie e tag, caricare un'immagine in evidenza e apportare qualsiasi altra modifica desideri.

Quando sei soddisfatto della pagina di base, salva le modifiche e poi vai su Aspetto » Editor.

Per impostazione predefinita, l'editor completo del sito mostra il modello della home page del tuo tema.

Nel menu di sinistra, fai clic su 'Pagine'.

Ora vedrai tutte le pagine che hai creato sul tuo sito WordPress.

Trova semplicemente la pagina che desideri ridisegnare e fai clic su di essa.

WordPress mostrerà ora un'anteprima del design.

Per procedere e modificare questo modello, fai clic sulla piccola icona a forma di matita.

Ora puoi modificare il layout della pagina utilizzando gli strumenti dell'editor completo del sito. Ad esempio, puoi fare clic sul pulsante blu '+' per aggiungere nuovi blocchi, o fare clic per selezionare qualsiasi blocco che desideri personalizzare.

Quando sei soddisfatto delle modifiche apportate, fai clic sul pulsante 'Salva'.

Ora, se visiti questa pagina sul tuo sito, vedrai il nuovo design della pagina in azione.

Metodo 3. Crea una pagina personalizzata in WordPress usando SeedProd (Consigliato) 

In passato, creavi una pagina personalizzata scrivendo codice, il che non era molto intuitivo per i principianti. Se commettevi un errore con il tuo codice HTML, CSS o PHP, ciò poteva causare errori comuni di WordPress o persino danneggiare completamente il tuo sito.

Tenendo conto di ciò, consigliamo di utilizzare invece un page builder.

SeedProd è il miglior page builder drag-and-drop per WordPress. Viene fornito con oltre 350 modelli, che ti permettono di creare pagine personalizzate senza scrivere codice. 

Se stai utilizzando una pagina personalizzata per ottenere più conversioni, allora SeedProd funziona con molti strumenti di terze parti popolari che potresti già utilizzare per ottenere conversioni. Questo include i principali servizi di email marketing, WooCommerce, Google Analytics e altro ancora.

Innanzitutto, devi installare e attivare SeedProd. Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plugin WordPress.

Dopo aver attivato il plugin, SeedProd ti chiederà la tua chiave di licenza.

Puoi trovare queste informazioni nel tuo account sul sito web di SeedProd. Dopo aver inserito la chiave, fai clic sul pulsante 'Verifica chiave'.

Scegli un modello di pagina personalizzata

Una volta fatto ciò, vai su SeedProd » Pagine di destinazione e fai clic sul pulsante ‘Aggiungi nuova pagina di destinazione’.

Ora puoi scegliere un modello per la tua pagina personalizzata.

I modelli di SeedProd sono organizzati in diversi tipi di campagne come 'lead', 'squeeze' e 'coming soon'. Puoi fare clic sulle schede nella parte superiore dello schermo per filtrare i modelli in base al tipo di campagna. 

Se vuoi iniziare da zero, SeedProd ha anche un modello vuoto che puoi utilizzare.

Per esaminare più da vicino un design, passa il mouse sopra quel modello e fai clic sull'icona della lente d'ingrandimento.

Quando trovi un design che ti piace, fai clic su 'Scegli questo modello'. Stiamo utilizzando il modello 'Pagina di vendita del corso' in tutte le nostre immagini, ma puoi usare qualsiasi modello desideri.

Successivamente, procedi a digitare un nome per la pagina personalizzata. SeedProd creerà automaticamente un URL basato sul titolo della pagina, ma puoi modificare questo URL come preferisci.

Un URL descrittivo aiuterà anche i motori di ricerca a capire di cosa tratta la pagina in modo che possano mostrarla agli utenti giusti, il che migliorerà il tuo SEO di WordPress.

Per dare alla tua pagina personalizzata le migliori possibilità di apparire nei risultati di ricerca pertinenti, potresti voler aggiungere eventuali parole chiave mancanti nell'URL. Per maggiori dettagli, consulta la nostra guida su come fare ricerca di parole chiave.

Quando sei soddisfatto delle informazioni inserite, fai clic sul pulsante 'Salva e inizia a modificare la pagina'.

Progetta la tua pagina personalizzata

SeedProd aprirà ora il tuo modello scelto nell'editor drag and drop di facile utilizzo. Vedrai un'anteprima live della tua pagina sulla destra e alcune impostazioni dei blocchi sulla sinistra.

Per personalizzare un blocco, fai semplicemente clic per selezionarlo nell'editor della pagina. La barra degli strumenti di sinistra mostrerà quindi tutte le impostazioni per quel blocco.

Nell'immagine seguente, stiamo modificando il testo all'interno di un blocco 'Titolo'.  

Puoi formattare il testo, cambiarne l'allineamento, aggiungere collegamenti e altro ancora utilizzando le impostazioni nel menu di sinistra.

È anche facile modificare le immagini utilizzando il page builder di SeedProd. Fai semplicemente clic su qualsiasi blocco 'Immagine' e utilizza le impostazioni per aggiungere testo alt, caricare una nuova immagine o apportare qualsiasi altra modifica. 

Se desideri rimuovere un blocco dalla pagina personalizzata, fai semplicemente clic per selezionare quel blocco.

Quindi, fai clic sull'icona del cestino nella mini barra degli strumenti. 

Per aggiungere nuovi blocchi al tuo design, trova semplicemente un blocco nel menu di sinistra e trascinalo sull'editor.

Puoi quindi fare clic per selezionare il blocco e apportare eventuali modifiche nel menu di sinistra. 

SeedProd viene fornito anche con 'Sezioni', che sono righe e modelli di blocchi che possono aiutarti a creare una pagina personalizzata, velocemente. Ad esempio, se stessi progettando una pagina di destinazione per annunci Google, potresti utilizzare le sezioni Hero, Call To Action o Features già pronte di SeedProd.

Per visualizzare tutte le sezioni disponibili, fai semplicemente clic sulla scheda ‘Sezioni’.

Per esaminare più da vicino una sezione, posiziona il cursore del mouse su di essa e quindi fai clic sull'icona della lente d'ingrandimento.

Quando trovi una sezione che desideri aggiungere al tuo progetto, sposta semplicemente il mouse su di essa e quindi fai clic sulla piccola icona ‘+’.

Questo aggiunge la sezione in fondo alla tua pagina. Puoi spostare sia le sezioni che i blocchi all'interno del tuo progetto utilizzando il trascinamento.

Se commetti un errore o cambi idea, non preoccuparti. Puoi annullare l'ultima modifica facendo clic sul pulsante ‘Annulla’ in fondo alla barra degli strumenti di sinistra.

Qui troverai anche un pulsante per ripristinare, la cronologia delle revisioni, la navigazione del layout e le impostazioni globali.

Questi pulsanti aggiuntivi rendono facile creare una pagina personalizzata in WordPress. 

In fondo alla barra degli strumenti, troverai anche un pulsante di anteprima mobile che ti consente di visualizzare la versione mobile della pagina personalizzata. 

Questo può aiutarti a creare una pagina personalizzata che abbia un aspetto gradevole sui dispositivi mobili come sul tuo computer.

Quando sei soddisfatto della pagina personalizzata, è ora di pubblicarla facendo clic sulla freccia a discesa accanto a 'Salva' e quindi selezionando l'opzione 'Pubblica'. 

La tua pagina personalizzata sarà ora attiva sul tuo blog WordPress.

Se desideri modificare la pagina personalizzata in qualsiasi momento, vai su SeedProd » Landing Pages nella tua bacheca di WordPress. Puoi quindi trovare la pagina che desideri modificare e fare clic sul suo link 'Modifica'.

Questo aprirà il design nell'editor di SeedProd, pronto per apportare le tue modifiche.

Metodo 4. Utilizzo di Thrive Architect per creare una pagina personalizzata in WordPress

Puoi anche creare una pagina personalizzata utilizzando Thrive Architect. Thrive Architect è un altro popolare page builder drag-and-drop per WordPress.

Viene fornito con oltre 300 modelli progettati professionalmente che sono pensati per aiutarti a ottenere più conversioni.

Innanzitutto, devi installare e attivare il plugin Thrive Architect. Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plugin WordPress.

Dopo l'attivazione, vai su Pagine » Aggiungi nuova nella tua bacheca di amministrazione di WordPress per creare una pagina personalizzata. Quindi, fai clic sul pulsante 'Avvia Thrive Architect'.

Successivamente, puoi scegliere se creare una pagina normale o una landing page predefinita.

Ti consigliamo di fare clic su 'Landing Page predefinita' poiché ti dà accesso a tutti i modelli di landing page di Thrive. Questi modelli sono completamente personalizzabili, quindi puoi perfezionarli per adattarli al tuo sito web WordPress.

Quando trovi un set che ti piace, fai semplicemente clic per selezionarlo.

Nell'immagine seguente, stiamo selezionando 'Set di landing page intelligenti'.

Nella schermata successiva, devi scegliere un modello specifico dal set.

Seleziona un modello facendo clic su di esso e quindi premendo il pulsante 'Applica modello'.

Questo aprirà il modello nell'editor di Thrive Architect. Da qui, puoi facilmente personalizzare il modello della pagina per adattarlo al tuo blog, sito web o negozio online.

Ad esempio, puoi cambiare l'intestazione facendo clic su di essa e quindi digitando il tuo messaggio personalizzato.

Ora vedrai tutte le opzioni di personalizzazione nel menu a sinistra. Qui puoi cambiare la tipografia, la dimensione del carattere, il colore, la formattazione e altro ancora.

Dal pannello di sinistra, puoi anche regolare altre impostazioni per la tua pagina personalizzata, come il layout, lo stile dello sfondo, i bordi, le animazioni e il comportamento di scorrimento, solo per citarne alcuni.

Simile ai blocchi di SeedProd, Thrive Architect è dotato di molti elementi predefiniti che puoi aggiungere alla tua pagina personalizzata.

Per aggiungere un nuovo elemento alla pagina, fai clic sul pulsante 'Aggiungi elemento (+)' sul lato destro dello schermo.

Ora puoi scegliere tra elementi come immagini, pulsanti, moduli di generazione contatti, tabelle prezzi, contatori alla rovescia e altro ancora.

Per aggiungere un elemento, trascinalo semplicemente dal menu di destra e rilascialo sulla tua pagina.

Ancora, puoi modificare qualsiasi degli elementi che aggiungi alla tua pagina cliccandoci sopra. 

Quando sei soddisfatto dell'aspetto della pagina, fai clic sul pulsante freccia (^) accanto al pulsante 'Salva lavoro'. Quindi, fai clic sull'opzione 'Salva e torna all'editor post'.

Puoi quindi salvare la pagina come bozza, o pubblicarla in modo che appaia sul tuo sito web WordPress.

Una volta pubblicata la tua pagina personalizzata, puoi visitare il tuo sito per vederla in azione.

Speriamo che questo articolo ti abbia aiutato a imparare come creare una pagina personalizzata in WordPress. Potresti anche voler consultare la nostra guida su come creare una landing page con WordPress e come dividere il titolo di un post o di una pagina in WordPress.

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.