Découvrez les bons plans & les réductions Alpa14

Comment créer une page 404 personnalisée ?

Alpa14 les tutoriels faciles !

Catégories

Créez une page d’erreur 404 efficace !

Dans ce nouveau tuto WordPress Divi, je vous explique comment réaliser une page d’erreur 404 personnalisée avec le Thème Builder de Divi. Par défaut la page d’erreur 404 de WordPress est très basique. Il est intéressant de créer une telle page d’erreur avec un message clair et surtout un bouton retour bien évident afin de rediriger et de ne pas perdre le visiteur qui souhaitait accéder à votre site web.

Licence Divi
Code Promo Divi Supreme
Amelia booking plugin
.

Créer un modèle de page 404 avec le Divi Thème Builder

Rendez-vous dans le menu WordPress de gauche, puis Divi > Thème Builver.

Dans le Thème Builder, choisir un espace libre et cliquer sur le [+] pour ajouter un nouveau modèle.
La fenêtre « Paramètre du module » s’ouvre et au bas de la liste cocher la case « 404 page ».

Masquer ensuite l’entête personnalisée et le pied de page personnalisée en cliquant sur l’icône de l’œil respective. Car dans notre exercice la page 404 n’aura ni footer ni header (un peu comme une landing page).

Cliquer ensuite sur le cops personnalisée et choisir « Construire un corps personnalisé ».

Choisir ensuite la page « Construire à partir de zéro ».

Il ne vous reste plus maintenant qu’à créer votre page en agençant vos sections, vos rangées et vos modules comme vous le souhaitez.

N’oubliez pas que dans une page 404, il doit y avoir un message qui informe le visiteur pourquoi il est arrivé sur cette page.
Il est bien aussi d’y ajouter un module bouton lié vers la page de votre souhait pour rediriger votre visiteur afin qu’il reste sur votre site web.

 LearnDash créer une formation sur un site WordPress
Modèle de page 404
masquer header et footer

Vous serez peut-être intéressé par les articles suivants :

Ajouter un footer WordPress Divi personnalisé

Ajouter un footer WordPress Divi personnalisé

Ajouter un footer WordPress ? Rien de plus simple grâce au Thème Builder de Divi. Faire un pied de page WordPress global devient un jeu d’enfant ! C’est ce que je vous montre dans ce tutoriel Vidéo Divi, comment créer un footer WordPress personnalisé en le désignant de manière très fine avec Divi Visual Builder d’Elegant Themes.

lire plus
Ajouter une bannière WordPress « Hero Image » optimisée ⏱️

Ajouter une bannière WordPress « Hero Image » optimisée ⏱️

Dans ce tutoriel Divi WordPress, je vous montre où trouver une image de qualité gratuite pour un usage commercial, je vous montre également comment la choisir et l’optimiser au bon format. Je vous apprends ensuite comment designer ce bandeau large « Hero Image » grâce au Divi Visual Builder du thème Divi de la société Elegant Themes.

lire plus
Tutoriel Divi : Inverser les colonnes selon la vue

Tutoriel Divi : Inverser les colonnes selon la vue

En vue ordinateur un site web peut avoir un design avantageux mais peut être moins en vue mobile du fait des colonnes d’une rangée qui passent les unes sous les autres.
On peut alors se trouver avec une suite d’éléments non souhaitée avec par exemple 2 textes ou 2 images à la suite.

lire plus