La page d’erreur 404 est la page affichée par défaut par un thème WordPress lorsque la requête d’un visiteur n’aboutit à rien. Elle remplace une page inexistante (ou supprimée, donc attention aux redirections).
Si on ne la modifie pas, elle ressemble à ceci sur Divi (si vous voulez tomber sur une 404, tapez n’importe quoi après l’URL du site) :
Oui, on ne s’en était pas encore occupé sur Divi Community 😉
Avouez que quand on tombe sur une page comme ça lorsque l’on visite un site, ça ne fait pas super pro, et c’est assez moche.
On va donc s’atteler à en faire une jolie, et en utilisant le Divi Builder.
On va donc commencer par…
Créer le layout de notre page 404 dans la bibliothèque Divi
On va donc se rendre dans la bibliothèque pour y créer et enregistrer notre modèle de page.
Cliquez sur Divi -> Bibliothèque Divi -> Add New
Une boîte de dialogue s’ouvre :
Les deux choses à paramétrer sont :
- le nom de votre layout : j’ai mis “404” mais vous pouvez le nommer comme vous voulez
- Choisir “Modèle” dans Type de mise en page
Validez.
Vous allez maintenant pouvoir créer votre page avec le Divi Builder :
Pour faire simple on a juste inséré une phrase de texte et une image sur notre page 404, mais n’hésitez pas à faire une page beaucoup plus complexe ou renvoyant vers différentes catégories de votre site.
Gardez cette page ouverte, nous allons avoir besoin de son identifiant (ID) dans la partie suivante.
L’identifiant est visible dans l’URL de la page ici :
On va ensuite…
Créer le fichier 404.php dans notre thème enfant Divi
Rien de bien compliqué ici.
Ouvrez votre éditeur de code habituel (ou même le bloc-note) et enregistrez le fichier sous le nom 404.php.
Il va falloir y coller 3 lignes de code :
<?php get_header(); ?>
<?php echo do_shortcode('
TUTORIELS DIVI
Découvrez nos tutoriels en français pour vous aider à réaliser facilement vos sites avec le thème Divi.
Ajoutez des fonctionnalités, personnalisez vos mises en pages et démarquez-vous des autres.
Suggérer une idée de tutoriel
Modifiez le ratio des images des modules blog, portfolio et galerie de Divi
Par Pierre Bichet / 23 février 2021 / Tutoriels Divi / 0 Commentaires
Le ratio des images mises en avant des modules "blog" et "portefeuille" ainsi que les vignettes du module "galerie" de Divi ne convient pas toujours à la mise en page que l'on souhaite pour son...
Créer un menu horizontal scrollable sur mobile avec Divi
Par Julien Guiard / 26 janvier 2021 / Tutoriels Divi / 4 Commentaires
C'est une fonctionnalité que l'on croise de plus en plus régulièrement depuis quelques temps sur les sites mobiles et les applications : les menus horizontaux scrollables.Finis les menus hamburgers...
Comment ajouter une légende au module image de Divi
Par Pierre Bichet / 07 juillet 2020 / Tutoriels Divi / 7 Commentaires
Parfois, une image seule ne suffit pas et il est nécessaire de lui adjoindre un texte de légende.Le Divi Builder le permet via le module "Galerie" mais pas si on utilise tout simplement le module...
Créez une page de blog personnalisée avec des effets au survol dans Divi
Par Pierre Bichet / 23 juin 2020 / Tutoriels Divi / 16 Commentaires
Vous en avez assez de la mise en page par défaut de la page listant vos articles de blog dans Divi ?Vous souhaitez dynamiser son design pour le rendre plus actuel ?Dans ce tutoriel, je vais vous...
Comment créer un carrousel dans Divi
Par Pierre Bichet / 09 juin 2020 / Tutoriels Divi / 7 Commentaires
La création de carrousel avec Divi est une demande récurrente et de longue date dans la communauté des utilisateurs de Divi.Si vous faites quelques recherches sur le web, vous trouverez des...
Comment personnaliser la largeur des colonnes dans Divi
Par Pierre Bichet / 28 mai 2020 / Tutoriels Divi / 1 Commentaire
Le Divi Builder permet de choisir parmi 20 configurations de colonnage différentes.Mais qu'en est-il si aucune de ces options ne correspond au design que vous souhaitez réaliser ?En 2017, nous vous...
Concevez une mise en page en damier dans Divi
Par Pierre Bichet / 25 mars 2020 / Tutoriels Divi / 2 Commentaires
Une mise en page en damier est composée d'une alternance de textes et d'images.Cette mise en forme est assez courante car elle fonctionne bien dans beaucoup de cas de figure.Ce n'est pas très...
Créez un menu plein écran avec le Theme Builder de Divi
Par Pierre Bichet / 10 mars 2020 / Tutoriels Divi / 17 Commentaires
Depuis longtemps, Divi propose un menu plein écran parmi ses diverses options d'affichage du header.Néanmoins, cette mise en forme est plutôt limitée car elle se contente d'afficher le menu...
Afficher ou masquer un long texte via un bouton dans Divi
Par Julien Guiard / 27 janvier 2020 / Tutoriels Divi / 21 Commentaires
Je suis sûr que vous avez déjà vu cet effet à la mode sur de plus en plus de sites d'actualités ou de sport : un texte tronqué, un petit effet dégradé et un bouton en-dessous pour afficher le reste...
Créer une page de recherche personnalisée avec le Thème Builder de Divi
Par Julien Guiard / 06 janvier 2020 / Tutoriels Divi / 4 Commentaires
Nous vous parlions récemment de toutes les possibilités offertes par l'arrivée du Theme Builder de Divi (constructeur de thème en français) et nous allons donc...
Utiliser Google reCaptcha v3 avec le module Formulaire de Divi
Par Pierre Bichet / 10 décembre 2019 / Tutoriels Divi / 32 Commentaires
Google reCaptcha v3 est apparu sans crier gare dans Divi 4.0.7.Pour s'en apercevoir, il fallait lire le changelog de Divi ou tomber par hasard sur l'option lors de la création d'un nouveau...
Black Friday & Cyber Monday 2019 : les bons plans pour Divi
Par Julien Guiard / 29 novembre 2019 / Tutoriels Divi / 9 Commentaires
Le Black Friday commence aujourd'hui avec des réductions sur tous les produits liés à Divi. Il s'étendra jusqu'à lundi pour se terminer par le Cyber Monday, c'est donc le moment idéal pour...
Les bonnes pratiques pour mettre à jour son site Divi
Par Pierre Bichet / 26 septembre 2019 / Tutoriels Divi / 2 Commentaires
Elegant Themes enchaine les mises à jour de Divi. Que ce soit de petits correctifs ou de grosses fonctionnalités, une mise à jour peut aisément casser votre site.Afin de ne pas vous mettre dans...
Corriger le double chargement du Divi Visual Builder
Par Pierre Bichet / 12 septembre 2019 / Tutoriels Divi / 8 Commentaires
S'il y a bien une chose qui est énervante dans Divi, c'est le double chargement du Builder qui se produit dans certains cas.Au fil des derniers mois, Elegant Themes a publié plusieurs correctifs...
Ajouter un sélecteur de date au module formulaire de Divi
Par Pierre Bichet / 20 août 2019 / Tutoriels Divi / 8 Commentaires
Le module Formulaire de Divi s'enrichit peu à peu au fil des mises à jour du builder.Néanmoins, quelques fonctionnalités lui font encore défaut pour être vraiment complet.L'une d'elles est la...
Ajoutez une vidéo de fond YouTube dans Divi
Par Pierre Bichet / 30 mai 2019 / Tutoriels Divi / 20 Commentaires
Nativement, le Divi Builder propose d'ajouter une vidéo en fond de section, ligne ou module.Mais le fichier vidéo doit être hébergé dans la bibliothèque de médias de WordPress, sur le serveur du...
Comment utiliser Sass avec Divi
Par Pierre Bichet / 25 avril 2019 / Tutoriels Divi / 3 Commentaires
Sass me tentait depuis quelques années déjà…Récemment, grâce à l'impulsion d'un ami développeur qui m'a fait quitter ma zone de confort, j'ai fait l'effort de m'y intéresser en détails et de voir...
Les effets de transformations et de survol dans Divi
Par Pierre Bichet / 21 mars 2019 / Tutoriels Divi / 11 Commentaires
Depuis avril 2018, le Divi Builder propose une option permettant de modifier les rendus au survol (hover) d'une grande majorité d'éléments.En mars 2019 est venu s'ajouter une fonctionnalité...
9 conseils pour gagner du temps dans Divi
Par Pierre Bichet / 15 janvier 2019 / Tutoriels Divi / 5 Commentaires
Que vous utilisiez le thème Divi pour créer votre site personnel ou dans un environnement professionnel, passer plus de temps que nécessaire à effectuer des actions n'est jamais une bonne...
Créer des sites Divi en un clic avec Local By FlyWheel
Par Julien Guiard / 03 janvier 2019 / Tutoriels Divi / 24 Commentaires
Si vous utilisez principalement Divi et que vous venez régulièrement lire nos articles ici-même, il y a fort à parier que vous créez souvent des sites...
Ajoutez des effets de parallaxe avancés à Divi
Par Pierre Bichet / 19 décembre 2018 / Tutoriels Divi / 5 Commentaires
Nativement, le Divi Builder permet de donner un effet de parallaxe aux images de fond des sections, lignes et modules.C'est assez intéressant car ça permet de dynamiser un peu le rendu de son site,...
Ajouter un menu latéral flottant fixe à Divi
Par Julien Guiard / 04 décembre 2018 / Tutoriels Divi / 51 Commentaires
Un menu latéral flottant fixe peut être un moyen efficace d'attirer l'oeil de vos visiteurs sur un service ou un produit particulier que vous proposez et améliorer ainsi votre taux de conversion....
Tout savoir sur les thèmes enfants pour Divi
Par Pierre Bichet / 08 novembre 2018 / Tutoriels Divi / 19 Commentaires
Tous ceux qui débutent avec Divi (ou plus généralement WordPress), se sont un jour posé la question de savoir ce qu'était un thème enfant et s'ils en avaient besoin.Divi étant déjà très complet "out...
Créez un header animé dans Divi
Par Pierre Bichet / 23 octobre 2018 / Tutoriels Divi / 9 Commentaires
Le header est la première chose que voit le visiteur en arrivant sur votre site. C'est donc une zone primordiale pour placer les informations les plus importantes.Par conséquent, son graphisme est à...
Créez un formulaire de type chatbot dans Divi
Par Pierre Bichet / 04 septembre 2018 / Tutoriels Divi / 10 Commentaires
En ce moment, la mode est aux chatbots, ces logiciels qui peuvent (plus ou moins bien) tenir une conversation avec un utilisateur humain.Je me suis donc dit qu'il pouvait être amusant de recréer...
Créez une page contact avec une carte Google Maps plein écran dans Divi
Par Pierre Bichet / 23 août 2018 / Tutoriels Divi / 6 Commentaires
Si vous êtes à la recherche d'une manière originale de mettre en forme une page contact, une approche graphique intéressante consiste à afficher un plan Google Maps qui occupe tout le fond d'écran...
Comment corriger l’erreur “Expiration du constructeur Divi”
Par Pierre Bichet / 14 août 2018 / Tutoriels Divi / 4 Commentaires
"Oups, il semble que le constructeur Divi n'ait pas réussi à se charger…" ou alors en anglais "Divi Builder timeout…"Il s'agit d'une erreur que vous avez certainement déjà rencontrée au moins une...
Comment ajouter du code jQuery dans Divi
Par Pierre Bichet / 25 juillet 2018 / Tutoriels Divi / 14 Commentaires
Le JavaScript, et notamment le framework jQuery, est devenu indispensable au bon fonctionnement d'un site Internet. Celui-ci permet de dynamiser les pages web en animant ou en manipulant les...
Comment remplacer les puces des listes par des icones dans Divi
Par Pierre Bichet / 02 juillet 2018 / Tutoriels Divi / 16 Commentaires
Les listes à puces sont souvent négligées lors de la conception d'un site, que celui-ci soit construit avec Divi ou non.Pourtant, il s'agit d'une pièce importante de la mise en page car les listes...
Comment renommer les projets Divi
Par Pierre Bichet / 04 juin 2018 / Tutoriels Divi / 24 Commentaires
Le custom post type (type d'article personnalisé) présent dans Divi sous le nom de "Projets" a été conçu par Elegant Themes pour présenter les créations de l'utilisateur sous la forme d'un...
7 manières d’ajouter des CSS à Divi
Par Pierre Bichet / 29 mai 2018 / Tutoriels Divi / 11 Commentaires
Le thème Divi est un véritable couteau Suisse pour réaliser facilement des sites avec WordPress. Son côté multi-usage rend possible la création de n'importe quel type de site, que ce soit un site...
Formation Divi: que propose ElegantSchool
Par Julien Guiard / 14 mai 2018 / Tutoriels Divi / 3 Commentaires
Nicolas Richer nous a donné l'occasion récemment de vous faire gagner sa formation vidéo Divi sur notre groupe Facebook Support Divi Community (merci à lui), alors on s'est dit qu'on allait vous...
Adaptez le module formulaire de Divi pour le rendre conforme au RGPD
Par Pierre Bichet / 03 mai 2018 / Tutoriels Divi / 37 Commentaires
Depuis la version 3.4.1 du 26 mai 2018, Divi intègre une option dans son module formulaire Dans le Visual Builder UNIQUEMENT, ouvrez les paramètres de votre module formulaire et dans les options du...
Module slider de Divi : modifier sa hauteur et faire un slider plein écran
Par Pierre Bichet / 26 avril 2018 / Tutoriels Divi / 20 Commentaires
La gestion de la hauteur des sliders dans Divi est un peu obscure étant donné qu'il n'y a pas d'option dédiée dans le builder.Voici donc quelques astuces qui pourront vous aider.J'en profite...
Appliquer un effet machine à écrire sur un texte
Par Pierre Bichet / 19 avril 2018 / Tutoriels Divi / 4 Commentaires
Encore un effet que l'on rencontre couramment sur de nombreux sites (et même sur la page d'accueil de Divi Community !), l'effet machine à écrire permet d'animer du texte, un titre, des mots-clés…...
Importer ou exporter un layout, une section, une rangée ou un module Divi
Par Julien Guiard / 12 avril 2018 / Tutoriels Divi / 7 Commentaires
L'avantage de travailler avec Divi, c'est que vous pouvez facilement importer ou exporter des mises en page que vous avez créées ou téléchargées sur Internet d'un site à un autre en quelques clics....
Créez une rubrique offres d’emploi
Par Pierre Bichet / 29 mars 2018 / Tutoriels Divi / 38 Commentaires
Je vais vous expliquer comment créer une rubrique "offres d'emploi" pour votre site.Il s'agit d'une page sur laquelle les offres seront bien sûr listées mais où il y aura également un formulaire...
Ajoutez des icônes à vos menus Divi avec ou sans plugin
Par Julien Guiard / 26 mars 2018 / Tutoriels Divi / 39 Commentaires
Ajouter des icônes à vos menus permet d'attirer rapidement l'oeil de vos visiteurs et de leur permettre de savoir ce qu'ils sont susceptibles de trouver sur vos différentes pages. Il existe...
Créer un fond de particules animées dans Divi
Par Pierre Bichet / 14 mars 2018 / Tutoriels Divi / 37 Commentaires
Il s'agit d'une animation que vous avez certainement déjà remarquée sur différents sites, car cet effet ne passe pas inaperçu. Peut-être vous êtes-vous déjà demandé comment le mettre en place sur...
Automatisez le traitement des soumissions de vos formulaires
Par Pierre Bichet / 26 février 2018 / Tutoriels Divi / 2 Commentaires
Généralement, quand on évoque les données envoyées via un formulaire de contact, on pense immédiatement aux notifications reçues par mail. Mais sachez qu'il est possible d'appliquer des traitements...
Modifier le style du sélecteur de quantité de WooCommerce dans Divi
Par Pierre Bichet / 12 février 2018 / Tutoriels Divi / 46 Commentaires
Je ne sais pas vous, mais personnellement le sélecteur de quantité de Divi pour WooCommerce me sort par les yeux. Plus laid et moins ergonomique, on ne fait pas ! Au cours de mes pérégrinations sur...
Agrandir le logo du thème Divi pour qu’il dépasse du menu
Par Julien Guiard / 05 février 2018 / Tutoriels Divi / 16 Commentaires
Récemment sur le groupe facebook Support Divi Community, quelqu'un se demandait comment faire dépasser le logo du menu pour arriver à ce genre de chose: Et comme cela peut servir à pas mal...
Forcer le footer de Divi à être tout en bas de l’écran
Par Julien Guiard / 23 janvier 2018 / Tutoriels Divi / 3 Commentaires
Lorsque vous créez une page avec très peu de contenu, comme une page de contact par exemple, vous avez sans doute remarqué que le footer est à la suite du contenu mais pas en bas de l'écran....
Comment ajouter des polices personnalisées à Divi
Par Pierre Bichet / 09 janvier 2018 / Tutoriels Divi / 38 Commentaires
Auparavant, pour utiliser une police de caractère autre que celles présentes dans la liste proposée par Divi, il fallait soit insérer du code, soit passer par un plugin.Depuis octobre 2017, une mise...
Modifier le point de rupture du menu mobile de Divi
Par Julien Guiard / 11 décembre 2017 / Tutoriels Divi / 20 Commentaires
Le point de rupture du menu (ou breakpoint en anglais) du menu de Divi correspond au moment où le menu standard est remplacé par le menu mobile (le hamburger). Dans la majorité des cas, il est...
Une image de fond qui change aléatoirement
Par Pierre Bichet / 04 décembre 2017 / Tutoriels Divi / 19 Commentaires
Je vais ici vous expliquer comment réaliser un effet assez sympa, facile à mettre en place, et qui permet de dynamiser le design de son site en donnant au visiteur une impression de nouveauté quand...
Utiliser un design avec 5, 6, 7, 8, 9 ou 10 colonnes avec Divi
Par Julien Guiard / 20 novembre 2017 / Tutoriels Divi / 6 Commentaires
Si vous utilisez un minimum Divi, vous vous rendrez vite compte que les mises en page proposées par défaut comportent au maximum 4 colonnes. Et bien pour outrepasser cette limite, je vous invite à...
Comment modifier des éléments au scroll
Par Pierre Bichet / 13 novembre 2017 / Tutoriels Divi / 6 Commentaires
Si vous avez l'habitude de fréquenter le site d'Elegant Themes, vous avez certainement déjà remarqué en pied de chacune des pages du site, la section qui s'élargit et change de couleur peu après...
Insérez un bouton “sticky” en pied de votre site
Par Pierre Bichet / 06 novembre 2017 / Tutoriels Divi / 16 Commentaires
Voici une petite astuce rapide qui vous permettra d'ajouter en pied de page de votre site, un bouton en position fixe et passant par-dessus votre contenu.Je vais tout d'abord vous expliquer comment...
Ajoutez de nouveaux icones de réseaux sociaux à Divi
Par Pierre Bichet / 02 novembre 2017 / Tutoriels Divi / 2 Commentaires
Par défaut, Divi nous autorise via les Options du thème à ajouter, dans la barre de menu secondaire et dans le footer, des liens vers quelques réseaux sociaux (Facebook, Twitter et Google+) ainsi...
Personnaliser le bouton de retour en haut de page
Par Julien Guiard / 30 octobre 2017 / Tutoriels Divi / 16 Commentaires
Vous utilisez le bouton de retour en haut de page sur votre site Divi? Vous savez, c'est le bouton qui apparait quand on scrolle un peu vers le bas et qui ressemble à ça: Il est assez simple et...
Comment afficher une section Divi dans une modale plein-écran
Par Pierre Bichet / 23 octobre 2017 / Tutoriels Divi / 34 Commentaires
ℹ️ Mise à jour mars 2020 pour assurer la compatibilité avec Divi 4.x Voici ma solution pour afficher une section Divi, avec une ou plusieurs lignes et les modules et shortcodes de notre choix, dans...
Traduire l’expression “Share this” du plugin Monarch
Par Julien Guiard / 16 octobre 2017 / Tutoriels Divi / 7 Commentaires
Si vous êtes en train de parcourir ce site, c'est que vous utilisez très probablement le thème Divi. Et il y a fort à parier que vous utilisez le plugin Monarch aussi. Il sert à afficher de beaux...
Changer la couleur du menu au passage de la souris (hover)
Par Julien Guiard / 12 octobre 2017 / Tutoriels Divi / 21 Commentaires
Véronique demandait sur le groupe facebook Divi Theme France si l'on pouvait modifier la couleur des liens du menu lorsque la souris passait dessus. (il y a d'ailleurs une solution autre que...
Ajouter un effet de zoom ou Ken Burns à ses images
Par Julien Guiard / 01 octobre 2017 / Tutoriels Divi / 8 Commentaires
Vous aimez l'effet de zoom sur les images des articles de la page d'accueil ? Et bien cet effet CSS très simple et sympa est très rapide à mettre en place. Vous pouvez l'utilisez sur une bonne...
Faites bouger la flèche de défilement vers le bas de l’entête plein écran
Par Julien Guiard / 30 septembre 2017 / Tutoriels Divi / 15 Commentaires
Lorsque vous utilisez l'entête plein écran sur votre site, vous pouvez y ajouter une flèche de défilement vers le bas de page de manière à montrer à vos visiteurs qu'il reste du contenu à parcourir....
'); ?>
<?php get_footer(); ?>
Quelques précisions :
- la fonction get_header() permet d’afficher le header de votre page
- ensuite on affiche notre modèle de page via un shortcode de Divi. Pour qu’il puisse être fonctionnel coté PHP, on utilise la fonction do_shortcode()
- la fonction get_footer() permet d’afficher le footer du site
C’est au niveau de la deuxième ligne que vous devrez remplacer mon identifiant 3168 par celui de votre page. C’est tout ce que vous avez à modifier.
Enregistrez maintenant ce fichier 404.php et ouvrez votre client FTP (Filezilla, Cyberduck ou celui que vous voulez).
Il ne vous reste plus qu’à le transférer directement dans le dossier de votre thème enfant. Il se situe dans wp-content/themes:
Je vous montre où doit se situer le fichier.
Et voila, c’est tout. Votre page d’erreur 404 devrait maintenant être active !
Je ne vous mets pas de lien vers notre page 404 (ça serait mauvais pour le référencement) mais tapez n’importe quoi après www.divi-community.fr/ et vous la verrez :
À vous de jouer maintenant et n’hésitez pas à nous partager vos toutes nouvelles pages 404 en commentaires 😉
Partager
Partager la publication "Créer une page d’erreur 404 avec le Divi Builder sans plugin"
merci julien
voici une page 404 https://happyo.net/404
Cool!
Merci pour cette article, je tiens à préciser un petit truc, Google ne lit pas les pages 404, celles-ci n’impacteront pas votre référencement. Vous pouvez donc vous lâcher et faire des pages bien fun 🙂
Merci pour la précision Renaud 😉
Super, merci
Bonjour,
Merci pour ce tuto mais j’ai un souci de pied de page apparemment https://ndtriors.fr/404.
Je n’en utilise pas sur ce site. il y a une bande grise en bas que je n’arrive pas à enlever. Sur une page normale pas de soucis mais sur ce layout çà ne marche pas. Si je supprime la dernière ligne du script php c’est pas bon. Pouvez-vous m’aider ?
Bonjour, la bande grise correspond à la couleur de fond que tu as défini pour ton site et elle se voit car ta page ne prend pas toute la hauteur de l’écran 😉
oui merci j’avais compris mais comment forcer la page à prendre toute la hauteur ?
merci encore
Salut, tu peux essayer ce tuto je pense: https://www.divi-community.fr/tutoriels-divi/footer-bas-ecran-divi/
Bonsoir Julien,
Sur les pages classiques je n’ai pas ce problème, je pense donc que c’est le fait que ce soit un layout. Toutefois j’ai pu régler le problème en ajoutant cette ligne de css à ma section : min-height: 100vh; et en activant le plugin Divi Quasi-Sticky Footer. Le script à la main de ton tuto ne fonctionne pas pour moi. Ce plugin pourrait être listé dans ceux “indispensables” pour Divi.
Encore Merci
Bonjour,
Merci pour ce tuto très utile.
Pour ma part, j’ai un problème d’affichage de ma barre supérieure (blanche), qui n’apparaît plus. Je n’ai que ma barre de navigation (transparente). Or comme j’ai un footer, quand je scrolle, le design de la page 404 se superpose avec ma barre de navigation.
Que dois-je faire pour retrouver ma barre supérieure ?
Merci beaucoup par avance !
Salut, tu aurais un lien s’il te plait car je ne me représente pas très bien le problème?
J’ai résolu mon problème d’affichage de la barre supérieure en créant tout simplement une page 404 dédiée et en activant la redirection vers cette page 404 au moyen du code suivant :
Du coup, je précise “blank page” dans “Attributs de page” et je me retrouve sans le menu primaire ni la barre supérieure mais finalement ça me va très bien comme affichage.
J’ai résolu mon problème d’affichage de la barre supérieure en créant tout simplement une page 404 dédiée et en activant la redirection vers cette page 404 au moyen du code suivant (ne pas oublier le
meta http-equiv=”refresh” content=”0;url=https://www.monsiteweb.com/nomdelapage404”/>
php get_footer(); ?>
Du coup, je précise “blank page” dans “Attributs de page” et je me retrouve sans le menu primaire ni la barre supérieure mais finalement ça me va très bien comme affichage.
J’ai résolu mon problème d’affichage de la barre supérieure en créant tout simplement une page 404 dédiée et en activant la redirection vers cette page 404 au moyen du code suivant (ne pas oublier le signe inférieur à devant chaque ligne):
php get_header(); ?>
meta http-equiv=”refresh” content=”0;url=https://www.monsiteweb.com/nomdelapage404”/>
php get_footer(); ?>
Du coup, je précise “blank page” dans “Attributs de page” et je me retrouve sans le menu primaire ni la barre supérieure mais finalement ça me va très bien comme affichage.
Bonjour, j’ai fait le tuto mais ça ne marche pas pour moi =/
J’ai bien mis le fichier 404.php dans le fichier du thème enfant, mais le template par défaut est toujours chargé.
Bien à vous
As-tu bien modifié dans le shortcode l’ID correspondant à ton layout ?
Bonjour, j’ai le même pb que @Yvon Legrand… J’ai tout suivi à la lettre (y compris la modification de l’ID dans le shortcode) mais rien n’y fait, le template par défaut est toujours chargé. Une idée ?
Bonjour, tu as bien défini le template comme étant un Modèle lors de l’enregistrement?
Re, finalement tout va bien… ça a juste mis du temps à se mettre à jour … bien que le cache était vide…
Merci pour le tuto !
Bonjour ,
Merci pour ce tutoriel, c’est justement ce que je souhaitais pour modifier ma page 404 sur mon site. Malheureusement le fichier “404.php”que j’ai créé et installé selon les informations données ne semble pas fonctionner.
Mes questions :
Cette solution est-elle toujours d’actualité ?
Est-ce tous les thème divi ( divi create agency pour ma part ) ?
Je vous remercie par avance de votre réponse,
Cordialement, Eric
Hello !
Le tutoriel ne fonctionne pas de mon côté. J’ai bien créer un layout puis je l’ai inséré dans une page. Celle-ci n’a pas de nom et j’ai récupéré son identifiant que j’ai placé dans le code du fichier 404.php, à la racine de mon thème.
Y’a t-il un détail que j’ai oublié ? Cela a fonctionné 2 minutes et puis plus rien..
J’ai recommencé la manipulation en recréant un modèle, une nouvelle page, remettant un nouveau identifiant mais le problème persiste.
Bonjour, effectivement pour nous non plus. Je pense qu’une MAJ de Divi a changé le système de shortcode.
On va chercher une solution et mettre à jour le tuto dès que possible.
On le postera à nouveau sur Facebook.
Bonne journée
Bonjour Eric,
effectivement il ne marche plus à priori depuis les dernières MAJs de Divi.
On va chercher une solution pour régler ça!
Salut Julien,;
Merci pour ton tuto 404.php 😉
J’ai suivi tes instructions à la lettre et me voici avec ma propre page 404.
Pas de dysfonctionnement à signaler.
Merci encore.
Il reste juste a faire une erreur dans l’adresse https://aqua-parc.fr pour la voir apparaître, et le tour est joué.
Super, ça fonctionne au top, merci la team !
Au top ta page 404!
Hello !
Est-ce que le tutoriel a été mis à jour ?
Je me demandais si j’étais pas devenue folle car j’ai recommencé le tuto plusieurs fois il y a 2-3 semaines.
Heureusement que j’ai lu les com’s aujourd’hui !
Bonjour, pas encore mais a a marché malgré tout pour certains alors tu peux retenter ta chance 😉
Bonjour,
Super tuto, merci !
Par contre comment cela se passe-t-il pour un site multilingue ?
J’ai traduit ma page 404 (avec WPML) mais le n° du post est différent. Est-ce que je dois rajouter les même lignes à la suite dans le fichier 404.php avec le second n° de post ?
Hello, tout dépend du nombre de langue mais tu auras besoin de conditions PHP sur la langue en cours du visiteur de cette manière:
if (get_locale() == ‘en_US’) {
echo do_shortcode(‘[et_pb_section global_module="3168"][/et_pb_section] ‘);
}
elseif (get_locale() == ‘fr_FR’) {
echo do_shortcode(‘[et_pb_section global_module="4678"][/et_pb_section] ‘);
}
else {
echo do_shortcode(‘[et_pb_section global_module="7890"][/et_pb_section]‘);
}
N’hésites pas si tu as des questions.
Hello,
J’ai testé le code pour la page multilingue, mais ça ne fonctionne pas malheureusement.
J’ai fait ça :
if (get_locale() == ‘fr_FR’) {
echo do_shortcode(‘[et_pb_section global_module="3030"][/et_pb_section] ‘);
}
else {
echo do_shortcode(‘[et_pb_section global_module="3033"][/et_pb_section]‘);
}
J’ai aussi essayé d’inverser et de mettre en premier pour l’allemand (de_DE), mais ça ne va pas non plus
Salut
L’affichage fonctionne mais je me retrouve avec du code après mon footer. Une solution ?
Exemple pour aller sur la 404 : https://academy-geneva.ch/erreurpage
Merci
Problème résolu. C’était mon plugin 404 notifier qui faisait ça. Je l’ai désactivé et c’est réglé.
Bonjour, quel genre de code?
Effectivement sur certains des sites que j’ai fait cette méthode fonctionne et parfois non… allez savoir, en tout cas une façon alternative qui fonctionne est de créer le dossier “includes” dans votre thème enfant et de créer le ficher no-results.php.
avec ce code:
post_content); ?>
Cette méthode devient obsolète avec Divi 4 qui permet de créer nativement un template pour la page d’erreur 404 (entre autres).
Oui mais pour les sites qui tournent encore avec la ou les versions précédentes, ç a peut aider.
Avec Divi 4 que du bonheur 😉
Hello,
Petit soucis sur ta 404 ce matin (https://www.divi-community.fr/tutu)
Ta solution m’intéresse d’autant plus …
Merci pour tout
Salut, Merci pour ce tutoriel j’ai réaliser le mien sous une base d’un slider modifier
https://deltacomputer.fr/404.php
Merci pour tout les tutoriels
Bonjour Julien
La page a très bien fonctionnée jusqu’à présent, en voulant voir ce qui n’allait pas je me suis apreçu que mes pages créées par le visual builder sont inaccessible, en l’éditant j’ai “une erreur inconnue réessayez plus tard” une idée ou puis je le retelecharger facilement ?