Seleziona una pagina

Ciao a tutti ragazzi, in questo tutorial vediamo insieme come creare una pagina 404 con Divi e attivarla nel tuo sito web.

La pagina 404 è una pagina che appare, quando un’articolo o una pagina del tuo sito web non è raggiungibile o disponibile.

L’utilità di avere una pagina 404 attiva, è quella di non perdere un utente che trova un errore nel nostro sito web, e invitarlo a continuare la navigazione indirizzandolo verso una pagina disponibile.

La pagina 404 di base di Divi non è delle migliori, e viene generata automaticamente dal tema quindi non è modificabile.

In questo Divi Tutorial, vediamo come creare una pagina 404 con il Divi builder e renderla attiva sul tuo sito web.

Vediamo insieme come fare.

Come creare una pagina 404 con Divi

Prima di iniziare se ancora non l’hai fatto crea un backup del tuo sito web e installa un child theme per Divi.

In questo tutorial per Divi, andremo a creare un Layout con Divi e inseriremo un file 404.php nel child theme se non è presente.

La procedura da seguire è molto semplice, è la stessa che abbiamo visto nella guida “Come creare un footer personalizzato con Divi”, ma vediamo insieme passo passo come fare.

Per prima cosa andiamo nella “Libreria Divi” e creiamo un nuovo Layout.

Libreria Divi

Inserisci il nome del Layout es: “Pagina 404” e imposta come “Tipo di Layout”: Layout

Layout pagina 404

Ora inizia a creare il tuo Layout 404, puoi utilizzare sia il Divi builder che il Builder Visivo di Divi come preferisci.

Una volta creato il Layout, salva tutto e pubblicalo lo riprenderemo più tardi.

divi builder 404

Questa è la pagina 404 creata con Divi che attualmente è attiva su Divi Tutorial.

404 Divi Tutorial

Come inserire il file 404.php nel tuo child theme

Se il child theme che stai utilizzando prevede già un file 404.php, puoi skippare questo passaggio, altrimenti continua a seguire.

Per verificare se nel tuo child theme è presente il file 404.php, vai in “Aspetto/Editor” e dal menu a tendina scegli il tuo tema.

Se il file non è presente, scarica questo file > 404.php zip che andremo a posizionare nel child theme attraverso il file manager del tuo hosting.

divi child teme 404 php

Se ancora non l’ hai fatto fai un backup del tuo sito web,

Vai nel cPanel del tuo hosting provider e apri il file manager, in questo esempio sto utilizzando SiteGround.

Attenzione questo passaggio lo devi fare solo se stai cosa stai facendo altrimenti potresti fare danni al tuo sito web

Vai nella cartella “public_html”, cerca la cartella d’installazione di WordPress dove risiede il tuo sito web e vai alla cartella “wp-content”

404 wp-content

Clicca sopra la cartella per visualizzare le sottocartelle contenute nel “wp-content”, clicca sulla cartella “Themes” per visualizzare i temi installati.

404 cartelle wp content

All’interno della cartella troverai i temi installati in WordPress, individua il tuo child themes e cliccaci sopra.

child theme 404

Adesso sei nella cartella che contiene i file del tuo child themes dove dovrai caricare il tuo file 404.php (ricordati di scompattare il file zip), clicca in alto su “Carica”.

carica file 404 php

Scegli il file da caricare e in pochissimi secondi sarà caricato nella cartella del tuo child theme.

upload file 404 php

Verifica se il file è stato caricato correttamente e passiamo al punto successivo.

404 caricato

Divi: come attivare la pagina 404 sul tuo sito web

A questo punto abbiamo il nostro child theme completo con il file 404.php al suo interno, e il nostro Layout pronto nella libreria, adesso andiamo ad attivare la pagina.

Torniamo in “Aspetto/Editor” e apriamo di nuovo il child theme dal menu a tendina, individuiamo il file 404.php e clicchiamoci sopra.

404 php modifica

All’interno delle due righe di codice andiamo a inserire una nuova riga di codice, e successivamente cambieremo il numero previsto nel codice con il numero del Layout della pagina 404.

codice 404 numero da modificare

Nell’immagine qui sotto vediamo il codice. Lo puoi scaricare da qui > codice.zip

Copia il codice e inseriscilo nel 404.php in mezzo alle due righe di codice già presenti.

codice divi

Andiamo nel Layout che abbiamo salvato nella “Libreria Divi”, copiamo il codice di pagina (numero) e andiamo a inserirlo al posto del codice che si trova nel file 404.php.

codice di pagina 404

Salva tutto e la tua pagina 404 è attiva nel tuo sito web.

Fai un test per verificare se funziona, scrivendo una qualsiasi parola dopo l’url del tuo sito web: https://divitutorial.it/404.

404 Divi Tutorial

Conclusioni:

In questo Divi Tutorial, abbiamo visto come creare una pagina 404 per il tuo sito web.

Da ora in poi i tuoi utenti non perderanno occasione per rimane ancora sul tuo sito.

Per il momento è tutto.

Ciao a presto!

Raffaele

Comments