Comment créer votre page 404 avec DIVI ?

Un petit tuto Divi pour occuper un après-midi de pluie (neige, vent, grêle ou canicule, ça marche aussi !)

A la découverte du theme builder

Nous allons utiliser la fonctionnalité apportée fin 2019 par l’équipe de Elegant Themes au célèbre thème DIVI, à savoir le Theme Builder. Cette fonctionnalité géniale vous permet de créer des templates, des patrons de pages, pour tous les types de contenus : catégories, étiquettes, pages de résultats de recherche, article ou projet, etc… mais aussi et surtout pour un seul type de catégorie, un type d’étiquette ou un seul article !

Il est ainsi possible de créer des modèles pour :

  • les Pages : Toutes les Pages – Page d’accueil – Pages spécifiques – Enfants de Pages spécifiques
  • les Articles : Tous les Articles – Blog – Articles de Catégories spécifiques – Articles d’Étiquettes spécifiques – Articles spécifiques
  • les Pages d’Archive :
  • les Projets : Tous les Projets – Page d’Archive de Projets – Projets dans des Catégories De Projets spécifiques – Projets avec des de Projet spécifiques – Projets spécifiques
  • les Autres : Page Résultats de recherche – Page 404

Le pas à pas

  1. 01Rendez vous dans votre Tableau de Bord > Divi > Theme Builder
  2. 02Créez un nouveau template en cliquant sur le bloc Ajouter un nouveau modèle
  3. 03Dans la fenêtre, sélectionnez 404 Page (tout en bas de la liste de modèles)
  4. 04Validez en cliquant sur le bouton Créer un modèle
  5. 05Cliquez sur la ligne du milieu : Ajouter un corps personnalisé puis sur :
    1. 06Construire un corps personnalisé (si vous souhaitez partir d’une page blanche)
    2. 07Ajouter de la bibliothèque (si vous avez un modèle ou si vous souhaitez parcourir les modèles de DIVI)
  6. 08Poursuivez la construction de votre contenu en créant des lignes, en définissant le nombre de colonnes et en intégrant des modules Texte, Image, Bouton etc…
  7. 09Lorsque vous êtes satisfait, vous pouvez enregistrer votre travail et refermer cette fenêtre.
    De retour sur l’écran d’accueil du Divi Theme Builder, enregistrez maintenant votre modèle de page 404 en cliquant sur le bouton vert en haut à gauche : Sauvegardez les changements

  8. 10Admirez le résultat en ajoutant /404 à votre url