Vuoi creare una pagina personalizzata in WordPress?
Una pagina personalizzata ti consente di utilizzare un layout diverso dalle tue normali pagine in WordPress. Molti siti WordPress hanno layout di pagina personalizzati per le loro pagine di vendita, pagine di destinazione, pagine webinar e altro ancora.
In questo articolo, ti mostreremo come creare facilmente una pagina personalizzata in WordPress, passo dopo passo.
Capire le pagine personalizzate in WordPress
Per impostazione predefinita, WordPress ti consente di creare articoli e pagine.
Il tuo tema WordPress controlla laspetto delle tue pagine utilizzando un file modello chiamato page.php.
Questo file modello influisce su tutte le singole pagine che tu creare in WordPress.
Tuttavia, come già sai che non tutte le pagine sono uguali. Ad esempio, potresti voler creare una pagina di destinazione che abbia un aspetto molto diverso dalle normali pagine del tuo sito web.
In passato, creare una pagina personalizzata in WordPress significava codificare il tuo modello personalizzato utilizzando HTML, CSS e PHP. Tratteremo questo metodo, ma non lo consigliamo ai principianti.
Ti suggeriamo invece di utilizzare SeedProd o un altro plug-in per la creazione di pagine per creare la tua pagina personalizzata. Utilizza questi collegamenti rapidi per passare direttamente ai diversi metodi.
- Utilizzo di SeedProd per creare una pagina personalizzata in WordPress (consigliato)
- Utilizzo di Beaver Builder per creare una pagina personalizzata in WordPress
- Creazione manuale di un modello di pagina personalizzato in WordPress
Utilizzo di SeedProd per creare una pagina personalizzata in WordPress
SeedProd è il miglior drag and drop page builder per WordPress. Viene fornito con oltre 100 modelli progettati professionalmente che puoi utilizzare come base per la tua pagina.
In alternativa, puoi creare una pagina WordPress completamente personalizzata senza scrivere alcun codice utilizzando il loro trascinamento & generatore di gocce.
SeedProd è progettato per essere facile da usare, anche per i principianti assoluti. Tuttavia, ha anche opzioni avanzate che ti consentono di creare pagine visivamente sbalorditive per coinvolgere i tuoi visitatori e aumentare le conversioni.
Per prima cosa, devi installare e attivare il plugin SeedProd. Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plug-in WordPress.
Nota: è disponibile anche una versione gratuita del plug-in SeedProd. Tuttavia, per il nostro esempio, utilizzeremo la versione Pro poiché ha molte potenti funzionalità.
Dopo lattivazione, dovresti vedere la pagina di benvenuto. È necessario inserire qui la chiave di licenza e fare clic sul pulsante “Verifica chiave”. Troverai la tua chiave di licenza nellarea del tuo account sul sito web SeedProd.
Successivamente, vai alle pagine SeedProd “nel tuo Amministratore di WordPress. Quindi, fai clic sul pulsante “Crea nuova pagina di destinazione”.
Successivamente, ti verrà chiesto di scegliere un modello. Puoi filtrarli per trovare modelli per il tipo di pagina che stai creando. Se preferisci iniziare da zero, utilizza semplicemente il modello vuoto.
Per il bene di questo tutorial, utilizzeremo un modello “Pagina di vendita del corso”.
Ti verrà chiesto di assegnare un nome alla tua pagina e impostare lURL. Dopo averlo fatto, vai avanti e fai clic sul pulsante “Salva e inizia a modificare la pagina”.
Il modello che hai scelto verrà ora caricato nel generatore di pagine SeedProd.
Per modificare qualcosa nel modello, fai semplicemente clic su di esso. È facile cambiare il testo direttamente nel file pa ge builder stesso. Ad esempio, qui stiamo modificando il titolo della pagina.
Puoi formattare il testo, cambiare lallineamento, aggiungere link, e altro ancora.
È anche facile modificare le immagini utilizzando il generatore di pagine SeedProd. Basta fare clic sullimmagine che si desidera modificare.
In questo esempio, abbiamo sostituito limmagine predefinita nella parte superiore della pagina con la nostra immagine.
Vai avanti e cambia tutto quello che vuoi semplicemente cliccandoci sopra. Si aprirà il riquadro di modifica sul lato sinistro della pagina.
Per aggiungere nuovi blocchi (elementi) alla tua pagina, fai semplicemente clic sulla scheda Design nella parte superiore della pagina. Basta scegliere un blocco standard o avanzato e trascinarlo in posizione sulla pagina.
Dopo aver aggiunto un blocco, è sufficiente fare clic su di esso per modificarlo. Qui abbiamo aggiunto un blocco elenco alla nostra pagina.
Se commetti un errore in qualsiasi momento o modifichi mente, non preoccuparti. È sufficiente fare clic sul pulsante “Annulla” nella parte inferiore della pagina per annullare loperazione eseguita.
Troverai anche pulsante Ripeti, cronologia delle revisioni, navigazione del layout, anteprima per dispositivi mobili e impostazioni globali per la tua pagina qui.
Quando sei soddisfatto della tua pagina personalizzata, è il momento di visualizzarla in anteprima o pubblicarla.Per pubblicare la pagina, fai prima clic sulla freccia del menu a discesa accanto al pulsante Salva nella parte superiore dello schermo. Quindi, seleziona lopzione Pubblica.
Vedrai un messaggio che ti informa che la tua pagina è stata pubblicata. Per verificarlo subito, fai clic sul pulsante “Visualizza pagina live”.
Per modificare la tua pagina personalizzata in qualsiasi punto in futuro, vai semplicemente alle pagine di SeedProd nel tuo pannello di controllo WordPress.
Dovresti vedere la tua pagina salvata nellelenco delle pagine di destinazione. Fai semplicemente clic sul titolo per modificarlo.
Il vantaggio di utilizzare SeedProd su qualsiasi altro page builder in WordPress è che non rallenterà il tuo sito. SeedProd è il page builder più veloce, e ti consente di creare layout di pagina completamente personalizzati indipendenti dal design del tuo tema, così puoi avere intestazione, piè di pagina, ecc. personalizzati
Utilizzo di Beaver Builder per creare una pagina personalizzata in WordPress
Beaver Builder è un popolare e consolidato generatore di pagine drag and drop per WordPress.
Puoi usarlo per creare facilmente pagine personalizzate sul tuo sito web o blog. Ti consigliamo di utilizzare la versione completa di Beaver Builder Cè anche una versione gratuita di Beaver Bui Disponibile con funzionalità limitate.
Innanzitutto, è necessario installare e attivare il plug-in Beaver Builder. Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plugin per WordPress.
Dopo lattivazione, vedrai la schermata di benvenuto di Beaver Builder. Basta fare clic sulla scheda Licenza per inserire la chiave di licenza. Lo troverai nellarea del tuo account sul sito web di Beaver Builder.
Non dimenticare di fare clic sul pulsante “Salva codice di licenza” per salvare il codice di licenza.
Per utilizzare Beaver Builder, vai su Pages “Add New nel tuo pannello di amministrazione di WordPress per creare una nuova pagina. Quindi, fai clic sul pulsante” Launch Beaver Builder “.
Leditor di Beaver Builder si aprirà. Devi aggiungere righe e moduli per creare la tua pagina. Fai semplicemente clic sul elemento che desideri utilizzare e trascinalo sulla tua pagina.
In alternativa, puoi iniziare con un modello. Vai avanti e fai clic sulla scheda Modelli, quindi scegli un modello da utilizzare.
Puoi quindi fare clic su qualsiasi parte del modello per cambiarlo. Ad esempio, puoi modificare il testo, le immagini, i colori e altro.
Qui stiamo modificando lintestazione della pagina. Il processo di modifica di Beaver Builder non è così fluido come SeedPr od, poiché è necessario digitare il testo in una finestra popup separata.
Una volta terminate le modifiche al pagina, fai semplicemente clic sul pulsante Fine in alto a destra. Potrai quindi salvare o pubblicare il tuo post.
Creazione manuale di un modello di pagina personalizzato
Se preferisci non utilizzare un plug-in, puoi creare un modello di pagina personalizzato manualmente in WordPress.
Nota del redattore: è perfettamente corretto avere molti plug-in in esecuzione sul tuo sito WordPress. Dai unocchiata al nostro post su quanti plugin WordPress dovresti installare se sei preoccupato di avere troppi plugin.
Per prima cosa, devi aprire un editor di testo normale come Blocco note sul tuo computer. Nel file vuoto, aggiungi questa riga di codice in alto:
<?php /* Template Name: CustomPageT1 */ ?>
Questo codice dice semplicemente a WordPress che si tratta di un file modello e dovrebbe essere riconosciuto come CustomPageT1. Puoi assegnare al modello il nome che desideri, purché abbia senso per te.
Dopo aver aggiunto il codice, salva il file sul desktop come custompaget1.php.
Vai avanti e salva il file con un nome qualsiasi, assicurati solo che termini con lestensione .php.
Per questo passaggio successivo, dovrai connetterti al tuo account di hosting WordPress utilizzando un client FTP.
Una volta connesso, vai al tema corrente o alla cartella del tema figlio. Lo troverai nella directory /wp-content/themes/. Quindi, carica il file del modello di pagina personalizzato sul tuo tema.
Ora devi accedere alla tua area di amministrazione di WordPress per creare una nuova pagina o modificarne una esistente.
Sulla pagina schermata di modifica, scorri verso il basso fino alla sezione “Attributi pagina”. Vedrai un menu a discesa Modello. Facendo clic su di esso potrai selezionare il modello che hai appena creato.
Se selezioni il tuo nuovo modello e visiti questa pagina sul tuo sito in questo momento, vedrai una pagina vuota. Questo perché il tuo modello è vuoto e non dice a WordPress cosa visualizzare.
Non preoccuparti, ti mostreremo come modificare facilmente il tuo modello di pagina personalizzato.
Modifica del tuo modello personalizzato Modello di pagina
Il tuo modello di pagina personalizzato è come qualsiasi altro file di tema in WordPress. Puoi aggiungere qualsiasi HTML, tag modello o codice PHP in questo file.
Il modo più semplice per iniziare con la tua pagina personalizzata è copiare il modello di pagina esistente fornito dal tuo tema.
Apri il tuo client FTP e vai alla cartella del tema. Lì troverai un file chiamato page.php. Devi scaricare questo file sul tuo computer.
Apri il file page.php in un semplice editor di testo come Blocco note, e copia tutto il suo contenuto tranne la parte dellintestazione.
La parte dellintestazione è la parte commentata allinizio del file . Non lo stiamo copiando, perché il nostro modello di pagina personalizzato ne ha già uno.
Ora devi aprire il file del tuo modello di pagina personalizzato e incollare tutto il codice che hai copiato alla fine.
Il tuo file di pagina personalizzato ora sarebbe simile a questo:
Salva semplicemente il tuo file di modello di pagina personalizzato e caricalo di nuovo nella cartella del tema utilizzando FTP.
Ora puoi visitare la pagina creato utilizzando il modello di pagina personalizzato. Dovrebbe apparire esattamente come le altre tue pagine in WordPress.
Successivamente, continua a modificare il file del modello di pagina personalizzato. Puoi personalizzarlo come preferisci. Ad esempio, puoi rimuovere la barra laterale rimuovendo la riga che inizia con <?php get_sidebar.
Puoi anche aggiungere codice PHP personalizzato o aggiungere qualsiasi altro codice HTML che desideri.
Per aggiungere il contenuto effettivo per la tua pagina, modifica la pagina normalmente in WordPress.
Puoi anche lasciare larea dei contenuti nelleditor di pagine completamente vuota e aggiungere contenuti personalizzati direttamente al tuo modello di pagina. In questo modo, il contenuto che aggiungi apparirà su tutte le pagine utilizzando il modello personalizzato.
Ci auguriamo che questo articolo ti abbia aiutato ad aggiungere una pagina personalizzata in WordPress. Potresti anche consultare la nostra guida sui tipi più importanti di pagine WordPress che ogni sito web dovrebbe avere e il nostro elenco dei plugin WordPress indispensabili per tutti i siti web.
Se questo articolo ti è piaciuto, per favore iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi trovarci anche su Twitter e Facebook.