Créer une page 404 personnalisée dans Joomla 2.5

**ghazal** · 03/02/2012, 20h43

Re : Créer une page 404 personnalisée dans Joomla 2.5

Salut,
si tu vois ceci, c'est bon :

if (!isset($this->error)) {
$this->error = JError::raiseWarning(404, JText::_('JERROR_ALERTNOAUTHOR'));
$this->debug = false;
}

Ou tu reprends le fichier d'origine error.php qui se trouve dans templates/sytem, tu le modifies à ton aise, et tu le places dans templates/tontemplate à la racine.
N'oublie pas de corriger le path /chemin des fichiers CSS, si besoin est.

<?php
/**
* @package Joomla.Site
* @copyright Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
*/
defined('_JEXEC') or die;
if (!isset($this->error)) {
$this->error = JError::raiseWarning(404, JText::_('JERROR_ALERTNOAUTHOR'));
$this->debug = false;
}
//get language and direction
$doc = JFactory::getDocument();
$this->language = $doc->language;
$this->direction = $doc->direction;
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">
<head>
<title><?php echo $this->error->getCode(); ?> - <?php echo $this->title; ?></title>
<link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/error.css" type="text/css" />
<?php if ($this->direction == 'rtl') : ?>
<link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/system/css/error_rtl.css" type="text/css" />
<?php endif; ?>
</head>
<body>
etc....

**crapouille63** · 04/06/2012, 16h27

Re : Créer une page 404 personnalisée dans Joomla 2.5

Bonjour,
Pour moi, la solution rapide a été prise ici:

Creating a Custom 404 Error Page - Joomla! Documentation

http://docs.joomla.org/Creating_a_Custom_404_Error_Page

Concrètement:
dans le fichier error.php de joomla: root/templates/system/error.php

ajout des lignes à la fin avec une url SEF (plus joli):

<?php if (($this->error->getCode()) == '404') {
header('Location: /url-de-ma-page-404');
exit;
}
?>

Attention, le plugin de redirection doit être activé pour que ça fonctionne à 100%

ça marche avec le template JA purity ii T3 utilisé et joomla 2.5.4

merci pour vos pistes qui m'ont aidé @ +

**fungraphic** · 17/03/2013, 14h39

Re : Créer une page 404 personnalisée dans Joomla 2.5

Bonjour à tous,

Voila j'ai créé ma page perso error 404, mais voila elle déforme ma page et je ne trouve pas pourquoi.
Donc ci quelqu'un pouvait me donner un petit coup de main ce serai sympa

Voici le code que j'ai mis dans l'article 404 pour ma page erreur

Code PHP:


        <style type="text/css">

            * { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif;}

            div.box {

                border: 1px solid #C0C4C0;

                width: 375px;

                height: 300px;

                box-shadow: 5px 5px 5px #888;

                -moz-box-shadow: 5px 5px 5px #888;

                -webkit-box-shadow: 5px 5px 5px #888;

                left: 50%;

                top: 50%;

                margin: auto;

                text-align: left;

                background-color: #FFF;

                background-image: url('/images/magicien.png');

                background-repeat: no-repeat;

                background-position: 41px 37px;

                padding-left: 300px;

                padding-right: 30px;

                -moz-border-radius: 12px;

                -webkit-border-radius: 12px;

                border-radius: 12px;

            }

                        conteneur {  

                                   overflow: hidden:  

                        }

            t1,t2 {

                font-size: 150%;

                font-weight: normal;

                display: block;

                margin-bottom: 30px;

            }

            img {

                display: block;

                margin-top: 35px;

                margin-bottom: 20px;

                height: 56px;

            }

            a, a:visited {

                color: #2CB0FF;

            }

            p {

                font-size: 100%;

                margin-top: 12px;

            }

            p.inner-box {

                background: #EEF7F8;

                padding: 12px 8px 12px 8px;

                display: inline;

            }

            p.error {

                margin-top: 24px;

                margin-left: 8px;

            }

        </style>



    <div class="box">  

        <t1>

                    </br>

                    </br>

                Oups J'ai fais disparaître la page, le webmaster va me virer...

        </t1>

        <t2>

                        Grrr... en plus... je ne la retrouve plus.

            </br>

                    </br>           

        </t2>

        <p class="inner-box">Si le problème persiste contacter <a href="mailto:info@xxx.com">info@xxx.com</a></p>

            <p class="error">            

        Error 404: Page Not found

            </p>

        </div>

Voici un exemple de ce que ça donne vous pouvez voir l'image à droite dans coaching, elle est déformé ainsi que le pied de page qui se retrouve déformé.

http://www.forex-or-not-forex.com/index.php?option=com_content&view=article&id=85

Merci d'avance

**XdiZ** · 17/03/2013, 17h49

Re : Créer une page 404 personnalisée dans Joomla 2.5

Envoyé par fungraphic Voir le message

Voici un exemple de ce que ça donne vous pouvez voir l'image à droite dans coaching, elle est déformé ainsi que le pied de page qui se retrouve déformé.

http://www.forex-or-not-forex.com/index.php?option=com_content&view=article&id=85

Merci d'avance

Bonjour,

La balise </br> n'existe pas c'est <br /> qui existe.
Les balises <t1> et <t2> n'existent pas non plus, si vous voulez créer des titres il faut utiliser <h1>Gros titre important</h1> et <h2>Titre important mais moins que le h1</h2> etc...

Ça devrait corriger votre problème.

Cdt

**fungraphic** · 17/03/2013, 18h02

Re : Créer une page 404 personnalisée dans Joomla 2.5

Merci pour la réponse rapide mais cela ne solutionne pas le problème.

Voici le nouveau code de la page avec vos recommandations.
Juste pour info j'avais mis au départ h1 et h2 mais cela ne fonctionnait pas j'ai testé plein de truc ( qui n'ont rien changé

)
Bon ceci dit j'avais pas vue pour les <br/>

Code PHP:


        <style type="text/css">

            * { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif;}

            div.box {

                border: 1px solid #C0C4C0;

                width: 375px;

                height: 300px;

                box-shadow: 5px 5px 5px #888;

                -moz-box-shadow: 5px 5px 5px #888;

                -webkit-box-shadow: 5px 5px 5px #888;

                left: 50%;

                top: 50%;

                margin: auto;

                text-align: left;

                background-color: #FFF;

                background-image: url('/images/magicien.png');

                background-repeat: no-repeat;

                background-position: 41px 37px;

                padding-left: 300px;

                padding-right: 30px;

                -moz-border-radius: 12px;

                -webkit-border-radius: 12px;

                border-radius: 12px;

            }

                        conteneur {  

                                   overflow: hidden:  

                        }

            h1,h2 {

                font-size: 150%;

                font-weight: normal;

                display: block;

                margin-bottom: 30px;

            }

            img {

                display: block;

                margin-top: 35px;

                margin-bottom: 20px;

                height: 56px;

            }

            a, a:visited {

                color: #2CB0FF;

            }

            p {

                font-size: 100%;

                margin-top: 12px;

            }

            p.inner-box {

                background: #EEF7F8;

                padding: 12px 8px 12px 8px;

                display: inline;

            }

            p.error {

                margin-top: 24px;

                margin-left: 8px;

            }

        </style>



    <div class="box">  

        <h1>

                    <br/>

                    <br/>

                Oups J'ai fais disparaître la page, le webmaster va me virer...

        </h1>

        <h2>

                        Grrr... en plus... je ne la retrouve plus.

            <br/>

                    <br/>           

        </h2>

        <p class="inner-box">Si le problème persiste contacter <a href="mailto:info@monsite.com">info@monsite.com</a></p>

            <p class="error">            

        Error 404: Page Not found

            </p>

        </div>

Franchement c'est la grande brasse

**XdiZ** · 17/03/2013, 18h20

Re : Créer une page 404 personnalisée dans Joomla 2.5

La balise <style> est contenu dans la balise <head> et ne peut donc pas être incluse dans le corps d'un article.

Tout le code CSS dans votre cas doit etre rajouté dans votre fichier template.css !

Code HTML:

  <style type="text/css"> 
            * { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif;} 
            div.box { 
                border: 1px solid #C0C4C0; 
                width: 375px; 
                height: 300px; 
                box-shadow: 5px 5px 5px #888; 
                -moz-box-shadow: 5px 5px 5px #888; 
                -webkit-box-shadow: 5px 5px 5px #888; 
                left: 50%; 
                top: 50%; 
                margin: auto; 
                text-align: left; 
                background-color: #FFF; 
                background-image: url('/images/magicien.png'); 
                background-repeat: no-repeat; 
                background-position: 41px 37px; 
                padding-left: 300px; 
                padding-right: 30px; 
                -moz-border-radius: 12px; 
                -webkit-border-radius: 12px; 
                border-radius: 12px; 
            } 
                        conteneur {   
                                   overflow: hidden:   
                        } 
            t1,t2 { 
                font-size: 150%; 
                font-weight: normal; 
                display: block; 
                margin-bottom: 30px; 
            } 
            img { 
                display: block; 
                margin-top: 35px; 
                margin-bottom: 20px; 
                height: 56px; 
            } 
            a, a:visited { 
                color: #2CB0FF; 
            } 
            p { 
                font-size: 100%; 
                margin-top: 12px; 
            } 
            p.inner-box { 
                background: #EEF7F8; 
                padding: 12px 8px 12px 8px; 
                display: inline; 
            } 
            p.error { 
                margin-top: 24px; 
                margin-left: 8px; 
            } 
        </style>

Je vous invite à installer Firefox, l'extension Firebug (voir ma signature) et de corriger toutes les erreurs trouvées par le validator du W3C.

**fungraphic** · 17/03/2013, 18h31

Re : Créer une page 404 personnalisée dans Joomla 2.5

Heuuu je suis pas un cador en codage (j'utilise Firefox et firebug) mais vue que je suis une tanche en codage cela ne m'aide pas plus que ça.

Donc une dernière question:

Quelle est la partie exacte que je dois mettre dans mon template.css?
La partie que vous mettez en évidence dans votre dernier post ou alors je dois mettre tout mon code?

Merci encore pour votre aide

**XdiZ** · 17/03/2013, 18h44

Re : Créer une page 404 personnalisée dans Joomla 2.5

Tout ce qui est contenu entre vos balises <style> doit être placé dans votre fichier template.css (/joomla/template/votre-template/css/template.css ou un autre fichier).

Des pistes :
- une balise DIV ne pas bien être fermé ou vous devez avoir plus de balises DIV ouvertes que fermées...

L'extension HTML Validator de Firefox, m'indique qu'à la ligne 177, il y'a des erreurs.

Code HTML:

   </span>
</span>
</form>
</div>

Plusieurs balises <span> sont mal fermées.

Je vous invite fortement à bookmarker cette page http://giminik.developpez.com/xhtml/form.html et à lire de A à Z les différentes balises HTML qui existent !

Bonne chance

**fungraphic** · 17/03/2013, 19h09

Re : Créer une page 404 personnalisée dans Joomla 2.5

Un grand merci pour les infos même si cela ne m'a pas permis de résoudre le problème pour l'instant.
Cela m'a permis de mettre le style dans le template.css et du coup je peux éditer mon article avec JCE (pas comme avant ou je faisais en no editor)

Bon reste plus cas trouvé la balise qui merde ceci dit je ne vois pas pourquoi cela ne marche pas avec un article comme ma page d'erreur alors que ça marche avec tout les autres articles.

Bonne fin de journée

**fungraphic** · 17/03/2013, 19h15

Re : Créer une page 404 personnalisée dans Joomla 2.5

Bon j'avais pas vue mais maintenant que le style est dans le template.css ben le prob se retrouve sur toutes les pages.

Donc le problème vient du style que j'ai fait, me reste plus cas trouvé ou ça coince

**fungraphic** · 17/03/2013, 19h43

Re : Créer une page 404 personnalisée dans Joomla 2.5

Me revoilà avec la soluce à mon prob!!!

Voici ce que j'ai mis dans mon article de page 404:

Code HTML:

    <div class="box">  
        <h1>
                    <br/>
                    <br/>
                Oups J'ai fais disparaître la page, le webmaster va me virer...
        </h1>
        <h2>
                        Grrr... en plus... je ne la retrouve plus.
            <br/>
                    <br/>           
        </h2>
        <p class="inner-box">Si le problème persiste contacter <a href="mailto:info@monsite.com">info@monsite.com</a></p>
            <p class="error">            
        Error 404: Page Not found
            </p>
        </div>

Voici ce que j'ai mis dans le template.css:

Code PHP:


/* Begin Additional CSS Styles */

div.box {

   border: 1px solid #C0C4C0;

   width: 375px;

   height: 300px;

   box-shadow: 5px 5px 5px #888;

   -moz-box-shadow: 5px 5px 5px #888;

   -webkit-box-shadow: 5px 5px 5px #888;

   left: 50%;

   top: 50%;

   margin: auto;

   text-align: left;

   background-color: #FFF;

   background-image: url('/images/magicien.png');

   background-repeat: no-repeat;

   background-position: 41px 37px;

   padding-left: 300px;

   padding-right: 30px;

   -moz-border-radius: 12px;

   -webkit-border-radius: 12px;

   border-radius: 12px;

   }



/* End Additional CSS Styles */

Maintenant voici l'erreur que je faisais:
Je rajoutais les lignes suivante alors qu'elles sont déjà déclarées dans le template.css

Code PHP:


            h1,h2 {

                font-size: 150%;

                font-weight: normal;

                display: block;

                margin-bottom: 30px;

            }

            img {

                display: block;

                margin-top: 35px;

                margin-bottom: 20px;

                height: 56px;

            }

            a, a:visited {

                color: #2CB0FF;

            }

            p {

                font-size: 100%;

                margin-top: 12px;

            }

            p.inner-box {

                background: #EEF7F8;

                padding: 12px 8px 12px 8px;

                display: inline;

            }

            p.error {

                margin-top: 24px;

                margin-left: 8px;

            }

Merci pour le coup de main!!!
Par contre je sais pas si je dois mettre le post en réglé vu que je ne suis pas l'auteur du post d'origine.

PS:

Voici le code du fichier error.php à mettre dans le dossier de votre template.
Pensez à remplacer l'ID de l'article que je met en gras
index.php?option=com_content&view=article&id=85

Code PHP:


<?php

defined( '_JEXEC' ) or die( 'Restricted access' );

jimport('joomla.application.component.controller');

 

$controller = new JController();

$controller->setRedirect('index.php?option=com_content&view=article&id=85');

$controller->redirect();

?>

**XdiZ** · 17/03/2013, 20h57

Re : Créer une page 404 personnalisée dans Joomla 2.5

@fungraphic : Non vous ne pouvez pas mettre la discussion en [REGLE] car vous n'en êtes pas l'auteur. D'ailleurs vous auriez du créer une nouvelle discussion

Sinon, supprimez les <br /> présents entre les balises <h1> et <h2> car cela ne sert à rien !

Cordialement

**crapouille63** · 20/03/2013, 17h03

Re : Créer une page 404 personnalisée dans Joomla 2.5

Envoyé par crapouille63 Voir le message

Bonjour,
Pour moi, la solution rapide a été prise ici:

Creating a Custom 404 Error Page - Joomla! Documentation

http://docs.joomla.org/Creating_a_Custom_404_Error_Page

Concrètement:
dans le fichier error.php de joomla: root/templates/system/error.php

ajout des lignes à la fin avec une url SEF (plus joli):

<?php if (($this->error->getCode()) == '404') {
header('Location: /url-de-ma-page-404');
exit;
}
?>

Bonjour,

Rectificatif sur mon post. La méthode est jolie et rapide, mais pas bonne du point de vue référencement. Je me suis aperçue que la page ainsi modifiée renvoie un code HTTP status 302 (Moved Temporarily), au lieu du code 404 (Not found) -> Google pas aimer ça.

Pour ma part, je repars sur une personnalisation "en dur" dans le fichier error.php en attendant de trouver mieux.

Créer une page 404 personnalisée dans Joomla 2.5

Créer une page 404 personnalisée dans Joomla 2.5

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Annonce

Partenaire de l'association