Creazione di una home page personalizzata di WordPress

Non ci sono tante cose importanti per la tua attività come la home page del tuo sito. È il miglior rappresentante della tua attività, così come di tutto ciò che è buono e cattivo , quindi naturalmente vuoi che sia memorabile. E come si riesce a lasciare una forte impressione di unicità sui visitatori del proprio sito web? Creando una home page personalizzata di WordPress, ovviamente. Se hai avuto problemi con la creazione di pagine di destinazione in precedenza, potresti pensare che questa sarà una missione impossibile. Per il mondo in costante sviluppo e in continua evoluzione di WordPress, non esiste una cosa del genere.

Selezione di una pagina da utilizzare come home page

Di solito, il primo passo è sempre quello più complicato. E potrebbe sembrare che sia così qui, ma presto ti renderai conto del contrario una volta avviato il processo. Per iniziare il processo, vai su Pagine – Aggiungi nuovo, crea una pagina che chiamerai Home e poi pubblicala . In questo momento particolare, il design e il layout della pagina non dovrebbero essere la tua preoccupazione principale. Quello viene dopo. Ora, a condizione che tu voglia incorporare una sezione blog sul tuo sito web, crea una pagina blog separata ripetendo lo stesso processo. L'unica eccezione è che dovresti nominare questa pagina come Blog invece di Home.

Vai su Impostazioni - Pagina di lettura e nella sezione "Visualizza la tua home page" scegli l'opzione "Pagina statica". Scegli le due pagine che hai creato in precedenza come home page e pagina del blog e non dimenticare di "Salvare le modifiche " una volta terminato. Non ti abbiamo detto che non è così complicato come sembra? Uno dei vantaggi dell'utilizzo di un sito Web WordPress è proprio la sua semplicità. E ora che hai una tela bianca sotto forma di home page, possiamo iniziare a personalizzarla!

Utilizzo dell'editor Gutenberg per creare una home page personalizzata di WordPress

Quando l'editore Gutenberg è stato lanciato nel dicembre 2018, l'opinione pubblica era divisa. Alcuni lo vedevano come un grande miglioramento e altri non potevano immaginare di passare a Gutenberg dopo aver lavorato così a lungo con l'editor classico. Non importa in quale lato della medaglia credi, una cosa non può essere negata: il Gutenberg semplifica la creazione di bellissime pagine e post. L'editor di Gutenberg utilizza blocchi per ogni elemento di contenuto e rende le loro manovre il più semplice possibile. Hai blocchi che possono essere usati come media, testo, immagini di copertina, colonne - lo chiami.

Se vuoi rendere l'editing ancora più semplice (e più divertente), puoi usare un tema WordPress pronto per Gutenberg, come Astra. Tutto quello che devi fare è importare un modello e far volare la tua immaginazione durante la modifica e la personalizzazione. Il risultato finale? Una homepage bella, professionale e dall'aspetto unico!

I costruttori di pagine ti aiuteranno a creare una home page di WordPress personalizzata

Se dovessimo scegliere il modo più semplice per creare una home page personalizzata di WordPress, probabilmente sarebbe questo. Non richiede alcuna abilità di codifica: tutto ciò che serve è installare e attivare il plug-in per la creazione di pagine di WordPress. Ti permetterà di creare bellissimi layout con la sua interfaccia drag and drop . Sicuramente, suona allettante, vero? Bene, usare i page builder è semplice come sembra.

Dopo aver scelto un generatore di pagine che desideri utilizzare, opta per un modello di home page personalizzato che dovresti essere in grado di installare con pochi clic. Ora sarai in grado di sostituire il testo, le immagini e il contenuto con i tuoi e potrai persino estendere il modello aggiungendo diverse sezioni. Ricorda, tutto questo senza dover scrivere una sola riga di codice!

Creazione manuale di una home page personalizzata di WordPress

Ora, è qui che le cose si complicano. Mentre i due metodi precedenti non richiedevano alcuna abilità di codifica, questo sì. Per avere il coraggio di provare questo metodo, devi avere familiarità con CSS, HTML, PHP e alcune pratiche di codifica di base. Quindi, come funzionerà e come esattamente dovrai mettere a frutto le tue abilità di programmazione?

Poiché WordPress è composto da file diversi e alcuni di essi vengono chiamati modelli e controllano diverse aree del tuo sito Web, devi trovare il modello etichettato come front-page.php. Nel caso non ce ne sia uno, dovrai creare un font-page.php nuovo di zecca. Questo modello verrà utilizzato per mostrare la tua home page da WordPress. Se hai creato una nuova pagina, questo modello sarà completamente vuoto. È allora che puoi iniziare ad aggiungere codice HTML per mostrare diversi elementi della tua futura bella home page.

Nel caso in cui scegli di creare la tua home page manualmente, ti consigliamo di utilizzare un tema figlio o il tuo tema personalizzato. Modificare i file del tuo tema principale può essere pericoloso, in quanto può far sì che le tue modifiche vengano ignorate se aggiorni il tuo tema. E lo sapevi che invece di utilizzare front-page.php, puoi anche creare il tuo modello e usarlo per la tua home page? Ecco come puoi creare questo modello nel tema figlio o personalizzato.

Crea un nuovo file nella radice del tuo tema chiamato homepage.php.
Aggiungi il seguente codice:
<?php / Nome modello: Homepage*/ ?>*

<?php get_header(); ?>

< div id=”primario” class=”area-contenuto”>

<main id=”main” class=”site-main” role=”main”>

</main><!– .site-main –>

</div><!– .content-area –>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

Crea una nuova pagina in WordPress e sotto Attributi di pagina, ora dovresti avere una Homepage sotto il modello. Scegli questo invece del modello predefinito. Naturalmente, non dimenticare di andare su Impostazioni-> Lettura e Rendi questa pagina la tua home page. Ora puoi personalizzare la tua home page quanto vuoi con HTML CSS PHP e Javascript.

Naturalmente, sarebbe molto più semplice se dovessi utilizzare un codice già esistente e un modello invece di crearne di nuovi. In questa situazione, potresti utilizzare alcuni elementi come l'intestazione e il piè di pagina e rimuoverne altri. Non sappiamo voi, ma il nostro team WP Full Care ritiene che questo sia un approccio molto più semplice. E il nostro team si occuperà anche di creare una bellissima intestazione e un piè di pagina personalizzati per il tuo adorabile nuovo sito web.

Quale metodo sarà quello vincente per te?

Nel caso tu sia un principiante nel mondo WP, la risposta è abbastanza semplice, vero? Scrivere righe di codice sarà un compito troppo impegnativo per te al momento. Fortunatamente, hai due metodi semplici e fantastici per creare una home page di WordPress personalizzata. Dopotutto, l'editor Gutenberg e diversi page builder rendono semplicissimo la creazione di contenuti unici. Se, invece, ti senti pronto a metterti alla prova, perché non optare per il terzo metodo? Anche se dovrai tenere alta la guardia con questo. Scrivere righe di codici non è mai un compito semplice. Lontano da esso. C'è molto spazio per gli errori e può succedere quando meno te lo aspetti. Inoltre, con tutte le opzioni più semplici là fuori, devi davvero pensare se ne varrebbe la pena.