17.02.09
Créer une page d’erreur 404 wordpress

erreur404
La page d’erreur 404 fait partie de ce genre de “détail” qui ajoute une note sympa et professionnelle à votre site. En cas de lien cassé ou d’erreur d’URL, il est bien vu de proposer un choix de navigation à l’internaute et une alternative graphique à un vilain message comme ça. Voyons comment ajouter une page d’erreur 404 personnalisée à un blog Wordpress.

Allez voir dans votre thème actuel s’il y a la page 404.php.
Sinon, copiez la page 404.php du thème default et mettez la dans votre thème courant.
Si vous voulez là créer sur le champ recopiez le code ci-dessous.

<?php get_header(); ?>
 
<div id="content" class="narrowcolumn">
	<h2 class="center">Erreur 404 - Rien n'a été trouvé</h2>
</div>
 
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Par défaut, la page d’erreur inclut les mêmes éléments que votre index hormis le contenu lui-même bien sûr. Pas d’article ni rien. Juste un titre h2 qui annonce l’erreur.
Libre à vous maintenant de remplacer le contenu de ce titre, de rajouter des images, du texte…

Pour exemple, voilà ma page d’erreur 404 (attention c’est du grand n’importe quoi).

Si vous voulez des explications plus détaillées je vous invite à consulter le codex Wordpress (en anglais).
Pour l’inspiration, jetez un œil sur l’article de smashing magazine concernant le design des pages 404.

2 Commentaires »

  1. Rétrolien par who-design.fr — 17 février 2009

    Créer une page d’erreur 404 wordpress…

    La page d’erreur 404 fait partie de ce genre de “détail” qui ajoute une note sympa et professionnelle à votre site. En cas de lien cassé ou d’erreur d’URL, il est bien vu de proposer un choix de navigation à l’internaute et une alternat…

  2. Comment par DilettanteNo Gravatar — 19 janvier 2010

    Merci pour ce coup de main, ma page 404 avait disparu après l’ajout d’un blog sous Wordpress.

    A mon tour d’ajouter une pierre à l’édifice : je vous signale cette fonction fournit par Google qui permet de chercher dans le contenu du site le nom de la page perdue.

    Un exemple en image : http://www.gitepontdusecret.fr/magie.html

    Et le code Google du Widget correspondant :

    var GOOG_FIXURL_LANG = ‘fr’;
    var GOOG_FIXURL_SITE = ‘http://www.gitepontdusecret.fr’;

Laisser un commentaire