Joomla - erreur 404 personalisée.

Fonctionne pour Joomla 1.5

L'erreur 404 s'affiche lorsque la page n'existe pas. Plusieurs raison à cela, la page a été supprimée ou déplacée par le webmaster.
Dans ce cas Joomla affiche par défaut une page d'erreur404 très impersonelle.
Je vous propose dans ce tutoriel de personaliser votre page d'erreur 404.

 

Afin de visualiser la page d'erreur 404 de votre site:
-Afficher un article de votre site dans votre navigateur, conservez cette page ouverte.
-Dans un autre onglet de votre navigateur, rendez-vous dans le backend de votre site (administration).
-Faites Contenu > Gestion des articles.

 

Dans la liste des articles, repérez celui que vous avez affiché dans votre navigateur, et décochez la case 'publié'.

 

Un cercle rouge à croix blanche remplace le symbole vert indiquant que votre article n'est plus publié.

 

Revenez sur la page de l'article que vous aviez affiché dans votre navigateur et rafraîchissez l'affichage (dans l'exemple l'article a été affiché avec Chrome).

 

La page d'erreur 404 par défaut de Joomla apparaît.

 

Je vous propose donc de la remplacer une page personalisée, ci-dessous la page d'erreur 404 de Teknikprod.com.
Deux liens renvoient l'internaute soit vers l'accueil français, soir vers l'Accueil anglais, de plus on y retrouve le logo du site et un petit clin d'oeil à la vénérable Peugeot 404, c'est un classique je n'ai rien inventé.

 

Comment procéder?
Avec un logiciel client FTP (pour ma part j'utilise FileZilla) cliquez droit à la racine de votre site et créez un nouveau dossier 'Page404_teknikprod', bien entendu adaptez le nom à votre cas.

 

Dans ce dossier insérez la page d'erreur 404 (error404.php) que vous avez créé avec Dreamweaver ou autre ainsi que les photos.
Dans mon cas, dans le fichier error404.php j'ai indiqué une adresse absolue vers mes images de type
img src="http://www.teknikprod.com/page404_teknikprod/logo_teknik_prod_200x200.png" pour les deux photos de ma page d'erreur 404.

 

Récupérez le fichier 'error.php' situé sous le répertoire suivant www/templates/system/error.php
Effacez tout son contenu.
Insérez le code ci-dessous:
<?php include ('page404_teknikprod/error404.php') ; ?>
Encore une fois et vous l'aurez compris adaptez ce code à votre site.
Transférez le fichier modifié sur votre site distant.

 

A la racine du site récupérez le fichier .htaccess afin de pouvoir le modifier.
Si vous n'avez pas de fichier .htaccess, créez en un, de nombreux tutoriels expliquent cette procédure.
Une fois .htaccess sur votre disque dur renommez le en htaccess (sans le point avant le h) et ouvrez le dans un éditeur de texte.

 

Insérez la ligne de code ci-dessous à la dernière lingne de votre fichier htaccess:
ErrorDocument 404 http://www.teknikprod.com/page404_teknikprod/error404.php

 

Tranférez le fichier htaccess vers votre site, une fois déposé sur votre site distant renommez le .htaccess (en ajoutant le point avant le h).

 

A bientôt

 

Patrick

Imprimer