Home / Wordpress / #12 Modifier la page 404.php de wordpress.

#12 Modifier la page 404.php de wordpress.

L’erreur 404 est le code erreur d’une requête web n’aboutissant pas, soit parce que la page n’existe plus, soit parce qu’elle aura été renommée ou tout simplement que le lien n’était pas bon.

Une page d’erreur 404 peut être pour certains sites une page très fréquentée (jusqu’à quelques pourcents des pages vues totales). Voilà pourquoi elle se révèle être un élément stratégique à ne pas négliger dans toute démarche d’optimisation d’un site web.

Autant de raison qui jouent en la faveur de l’optimisation de cette page. Parce qu’il est en effet possible de modifier l’affichage par défaut de cette page, qui n’est pas très sexy.

Voici ci-dessous une page d’erreur 404 classique :erreur-404_1

Les pages 404 des thèmes WordPress

Généralement chaque bon thème wordpress dispose d’un fichier 404.php, qui affiche le strict minimum, donc avec un peu d’imagination et de temps on peut personnaliser cette page.

Voici le contenu classique d’une page 404 :

<?php get_header(); ?>
<div id= »content » class= »archive »>
<span id= »map »><a href= »<?php echo get_option(‘home’); ?>/ »>Home</a> &raquo; Error 404</span>
<h2 class= »title »>Error 404 – Not Found</h2>
<p>Ooops, We cannot find you the page you are looking for. You may try to search our site for another keyword or use the navigational tools in this website.</p>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Ce code affiche juste un message d’erreur et garde l’aspect graphique de votre template.

Ma page modifiée

Dans wordpress vous pouvez directement éditer le fichier 404.php dans Apparence → Thème → Editeur → Modèle pour l’erreur 404

erreur-404_21

Voici le code modifiée de ma page :

<?php get_header(); ?>
<div id= »content » class= »archive »>
<span id= »map »><a href= »<?php echo get_option(‘home’); ?>/ »>Home</a> &raquo; Erreur 404</span>
<h2 align= »center » class= »title »>D&eacute;sol&eacute;, la page que vous demandez est introuvable.</h2>
<h3><p>Que faire maintenant ?</p></h3>
<p>Le plus simple est de suivre <a href= »https://quick-tutoriel.com/ »>ce lien pour vous rendre sur la page d’accueil du blog</a>, mais vous pouvez &eacute;galement vous rendre directement sur un des articles les plus consultés en bas de page ou encore cliquer sur le nuage de tags.</p>
<p>Dans le cas ou vous seriez arriv&eacute; ici alors que vous suiviez un lien provenant de ce blog ou d’un autre site web, vous pouvez &eacute;galement <a href= »https://quick-tutoriel.com/contact »>me contacter</a> pour me signaler cette erreur.</p></p>
<h2 align= »center » class= »title »><img src= »<?php echo get_option(‘home’); ?>/wp-content/themes/arthemia-premium/images/error_404.jpg » width= »267″ height= »235″ align= »center » /></h2>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Rien d’extraordinaire j’ai modifié le texte en anglais et j’ai rajouté une image sympa et j’ai inséré un lien renvoyant vers la page d’accueil du  blog et un autre sur la page contact.

Voilà ce que ça donne en mode graphique :

erreur-404_3

Pour vérifier cliquer sur le lien : http://www.quick-tutoriel.com/erreur.php

Maintenant vous pouvez vous amusez et laisser faire votre imagination !!!

That’s All.

Difficulté : Débutant
Modification :
Crédits : aucun

  

8 Potins

  1. Merci pour ce petit tuto, on en apprend tous les jours.

  2. Bonjour,

    C’est bizarre quand le la test depuis chez moi ça marche bien, aucune redirection.
    Je vais approfondir la question. Je vous tiens au courant dès que j’ai des nouvelles.

    Cordialement le Webmaster.

  3. Bonjour Webmaster,

    Merci pour ce petit tuto, très bien expliqué…mais lorsque j’essaie la page « http://www.quick-tutoriel.com/erreur.php », la page erreur ne tient pas et nous renvoie vers la page 404 classique. J’ai le même problème :-(
    Quelqu’un aurait une idée ?
    Merci pour votre aide !

  4. je ne savais pas qu’il y a 2 version du thème Arthemia Premium.
    Et vous n’avez pas droit à la nouvelle version? Vous êtes obligé de repayer pour avoir la nouvelle version? Pas juste!!
    Bonne continuation.

  5. Bonjour,

    Merci pour vos encouragements. Malheureusement j’utilise la première version d’Arthémia qui ne dispose pas du carroussel.

    A bientôt sur Quick-tutoriel.com, Le Webmaster.

  6. Merci de ce tuto !
    Vous utilisez Arthemia Premium,c’est possible d’avoir le carrousel de la partie Featured ?
    Merci

  7. Bonjour,

    Je n’ais pas bien compris votre question, avez-vous un fichier 404.php dans votre template ?. Effectivement certain template n’on pas de fichier 404.php.

    Vous pouvez alors en créer un ou voir avec le logiciel de votre hébergeur, par exemple le miens utilise Cpanel pour l’administration de mon blog et j’ai la possibilité de gérer mes erreur 404.

    En espérant vous avoir aider. Le Webmaster.

  8. Pour l’image 2… Je n’ai pas ce type de programme, moi c’est tout des dossiers, mais rien d’imagé…. Ou aller ? Mais j’ai le dossier 404 mais si je modif rien ne change sur mon site !

    Répondez MOIII ! =) cyrilbiselx@mycable.ch

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

felis vulputate, amet, ipsum libero. luctus consequat. nec porta.