Come creare una home page personalizzata in WordPress

Spesso gli utenti ci chiedono se è possibile creare una home page personalizzata in WordPress.


Per impostazione predefinita, WordPress mostra i post del tuo blog sulla home page. Tuttavia, come sito Web aziendale, potresti voler creare una home page più accattivante che aiuti gli utenti a trovare ciò di cui hanno bisogno e aumentare la conversione delle vendite.

In questo articolo, ti mostreremo come creare facilmente una home page personalizzata in WordPress. Mostreremo più metodi e puoi scegliere quello che è più facile per te.

Creazione di una home page personalizzata in WordPress

Cos’è una homepage?

Una homepage è una pagina introduttiva predefinita o la prima pagina di un sito Web. È la pagina che appare quando qualcuno inserisce il nome di dominio del tuo sito Web nella barra degli indirizzi del browser.

Esempio di homepage

Lo scopo principale della homepage è di introdurre gli utenti al tuo sito Web o alla tua attività. Idealmente, dovrebbe fornire agli utenti informazioni essenziali sulla tua attività, in modo che possano continuare ad esplorare altre pagine del tuo sito.

Per impostazione predefinita, WordPress mostra i tuoi post di blog recenti sulla home page. Questo non è buono in quanto mostra solo alcuni dei tuoi articoli attuali.

Se gestisci un sito Web aziendale, la home page predefinita non comunica agli utenti la tua attività, i tuoi prodotti o servizi. Inoltre non fornisce agli utenti un modo per contattarti.

La buona notizia è che WordPress è già dotato di una funzionalità integrata per creare una home page personalizzata.

Selezione di una pagina personalizzata da utilizzare come pagina iniziale in WordPress

WordPress ti consente di utilizzare facilmente qualsiasi pagina del tuo sito Web come homepage. Puoi semplicemente andare a Pagine »Aggiungi nuovo pagina all’interno dell’area di amministrazione di WordPress per creare una nuova pagina.

Diamo a questa pagina il titolo “Home” e la pubblichiamo. Utilizzerai questa pagina come pagina iniziale personalizzata.

Non preoccuparti di layout o design al momento. Ti mostreremo come progettare la tua homepage più avanti in questo articolo.

Ora, se vuoi pubblicare un blog sul tuo sito, devi creare una pagina blog separata per visualizzare i tuoi post.

Ancora una volta, vai a Pagine »Aggiungi nuovo pagina e crea una pagina intitolata “Blog”. Vai avanti e pubblica la pagina vuota.

Dopo aver creato le pagine, devi visitare Impostazioni »Lettura pagina nel tuo amministratore di WordPress. Da qui seleziona l’opzione “Una pagina statica” nella sezione “Visualizza la tua home page”.

Seleziona le pagine home e blog

Successivamente, è necessario selezionare la pagina iniziale e le pagine del blog create in precedenza.

Non dimenticare di fare clic sul pulsante “Salva modifiche” per memorizzare le tue impostazioni.

Ora che hai impostato una pagina da utilizzare come home page personalizzata, iniziamo a progettare la home page personalizzata per il tuo sito WordPress.

Metodo 1. Creare una home page personalizzata in WordPress usando Gutenberg

WordPress ha introdotto un nuovo editor basato su blocchi chiamato Gutenberg a dicembre 2018. Questo nuovo editor consente agli utenti non solo di scrivere contenuti, ma anche di creare bellissimi layout.

Utilizza i blocchi per ogni elemento di contenuto che consente di organizzare blocchi di contenuto per creare una struttura di pagina che ti piace.

WordPress include blocchi che possono essere utilizzati per scopi di progettazione come immagini di copertina, colonne, tabelle, testo e media, gallerie e altro.

Modifica il layout della tua home page personalizzata utilizzando Gutenberg

Ogni blocco viene fornito con le proprie impostazioni, che consentono di personalizzare il proprio aspetto per soddisfare le proprie esigenze di progettazione.

Puoi estendere i blocchi disponibili con i plugin di blocco Gutenberg per aggiungere più blocchi al tuo arsenale. Questi plugin consentono di utilizzare elementi avanzati come testimonianze, dispositivi di scorrimento, servizi e altre funzionalità di progettazione comuni.

Utilizzo di plug-in avanzati della libreria di blocchi per creare il layout della homepage

Puoi anche utilizzare temi WordPress pronti per Gutenberg che ti offrono maggiore flessibilità per lavorare con i blocchi.

Si consiglia di utilizzare Astra, viene fornito con i modelli di siti Web Gutenberg che è possibile installare utilizzando il plug-in Astra Starter Sites.

Una volta importato un modello, puoi modificarlo utilizzando l’editor WordPress predefinito e creare una home page dall’aspetto altamente professionale per il tuo sito Web.

Metodo 2. Creare una home page personalizzata in WordPress usando Page Builders

Questo metodo è molto semplice e non richiede competenze di programmazione o di progettazione. Per questo metodo, utilizzerai un plug-in per la creazione di pagine di WordPress.

Un plug-in di page builder consente di creare facilmente layout di pagina personalizzati utilizzando una semplice interfaccia di trascinamento della selezione.

Ti consigliamo di utilizzare Beaver Builder perché è il plug-in per la creazione di pagine più adatto ai principianti sul mercato. Viene fornito con dozzine di modelli di homepage personalizzati che è possibile installare con un solo clic.

Una volta installato, è possibile modificare il modello utilizzando gli strumenti punta e clicca. Puoi sostituire il contenuto e le immagini con il tuo contenuto e persino estendere il modello aggiungendo più moduli, widget e sezioni.

Creazione di una home page personalizzata utilizzando Beaver Builder

Beaver Builder ti dà anche accesso a Beaver Themer, che ti consente di creare il tuo tema WordPress personalizzato senza scrivere alcun codice.

Per maggiori dettagli, consulta la nostra guida su come creare facilmente layout personalizzati di WordPress usando Beaver Builder.

In alternativa, puoi anche provare Elementor. È anche un plugin per la creazione di pagine WordPress estremamente popolare. Inoltre viene fornito con modelli di trascinamento della selezione e un’interfaccia facile da usare.

Creazione di un layout di homepage utilizzando Elementor

Per i dettagli, consulta il nostro tutorial sulla creazione di layout di pagina personalizzati con Elementor.

Metodo 3. Creare manualmente una home page personalizzata in WordPress (codifica richiesta)

Questo metodo non è raccomandato per i principianti in quanto richiede la codifica. Per utilizzare questo metodo devi conoscere le pratiche di codifica di WordPress, PHP, HTML e CSS.

Vediamo come funziona.

Il tuo tema WordPress è composto da diversi file. Alcuni di questi file sono chiamati modelli e controllano la visualizzazione di determinate aree del tuo sito Web. Consulta il nostro cheat sheet sulla gerarchia dei modelli di WordPress per maggiori dettagli.

Uno di questi modelli si chiama front-page.php. Se il tuo tema ha questo modello, WordPress lo utilizzerà automaticamente per visualizzare la tua home page personalizzata.

modello front-page.php

Tuttavia, se il tuo tema non lo possiede, puoi crearne uno per te /

Basta creare un file vuoto e salvarlo come front-page.php. Dopodiché devi caricarlo nella cartella del tuo tema corrente sul tuo account di hosting WordPress utilizzando FTP.

Non appena carichi questo file, WordPress inizierà a usarlo per visualizzare la tua homepage. Tuttavia, poiché questo file è completamente vuoto, verrà visualizzata una pagina bianca vuota.

Per risolvere questo problema, puoi iniziare ad aggiungere il tuo codice HTML per visualizzare i contenuti della tua home page personalizzata. Un approccio più semplice consiste nell’utilizzare il codice e i modelli esistenti nel tema WordPress.

Ad esempio, è possibile utilizzare la stessa intestazione e piè di pagina. WordPress rende super facile includere questi modelli.

Ecco un codice di esempio in cui abbiamo rimosso il contenuto e le barre laterali preservando l’intestazione e i modelli di navigazione dal tema.

<?php / *
Questa pagina viene utilizzata per visualizzare la prima pagina statica.
* /

// Scarica il modello di intestazione del tema
get_header (); ?>
>

Il tuo codice homepage personalizzato va qui


// Recupera il modello di piè di pagina del tema
<?php get_footer (); ?>

Suggerimenti per creare una home page personalizzata efficace in WordPress

La home page del tuo sito Web è la pagina più importante del tuo sito Web. Gli utenti lo guardano per saperne di più sulla tua azienda, prodotti e servizi.

Ti consigliamo di mantenere il design della tua homepage il più semplice possibile. Sui nostri siti Web, abbiamo appreso che i nostri utenti trovano più semplici layout più semplici.

Cerca di evitare il disordine, ma non nascondere le informazioni importanti che i tuoi utenti vorrebbero vedere sulla home page. Devi anche dare la priorità al contenuto che appare per primo nel layout.

Annota gli obiettivi che desideri raggiungere prima di creare una home page personalizzata per il tuo sito Web. Questo esercizio ti aiuterà a realizzare un chiaro obiettivo di progettazione.

Per la maggior parte delle aziende e dei blog, l’obiettivo numero uno è convertire i visitatori del sito Web in clienti. Per raggiungere questo obiettivo, avrai bisogno di OptinMonster.

È il miglior plug-in popup WordPress e software di generazione di lead. Ti aiuta a convertire i visitatori del sito Web in abbonati e clienti paganti.

Successivamente, vorresti monitorare il rendimento della tua home page personalizzata. Per questo, è necessario installare Google Analytics sul tuo sito Web. Ti aiuta a vedere da dove provengono i tuoi utenti e cosa fanno sul tuo sito web.

Desideri inoltre che i tuoi utenti possano contattarti più facilmente. Per questo, avrai bisogno del plugin WPForms che è il miglior plugin per moduli WordPress sul mercato.

Puoi anche aggiungere un clic per chiamare il pulsante del tuo sito Web, in modo che le persone possano facilmente chiamare il tuo telefono aziendale.

Infine, ti consigliamo di dare un’occhiata ai tuoi concorrenti e ad altri siti popolari nel tuo settore / nicchia. Non ti stiamo chiedendo di copiare il loro design, ma di imparare dalle loro migliori pratiche e quindi applicarlo sul tuo layout di homepage.

Speriamo che questo articolo ti abbia aiutato a creare facilmente una home page personalizzata in WordPress. Potresti anche voler vedere i nostri suggerimenti comprovati per aumentare il traffico del tuo blog.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map