[TUTORIAL] Como crear un aviso 404 personalizado

[Larenz]

Saludos amigos, nuevamente por acá. Como algunos de ustedes saben hay muchas formas de poder crear una página de error 404 personalizable. Desde extensiones, hasta el uso y modificación del archivo error.php que se encuentra en el directorio:

->templates/system/

Esta vez les mostraré una opción muy cómoda que parezca al visitante que no ha salido ni un instante de tu sitio web. Empecemos:

1- CREAR UN ARTICULO SIN CATEGORIA

Crea un artículo y no lo relaciones a ninguna categoría/sección creada, sino que déjalo sin categoría (Sin Clasificar). Aquí establecerás tu mensaje personalizado con el error 404 en el cual podrás incluir el mensaje de disculpas por el error.

2- CREA UN MENU DIRECTO A ESE ARTÍCULO CREADO

Crea un nuevo item de menú en el tipo de menú lo cambias a Artículo -> Presentación del artículo. Luego seleccionas el nombre del artículo que acabas de crear con el mensaje de error personalizado.

Cuando hayas creado el menú y apliques lo cambias de guardado, fíjate en la nueva URL generada el cual incluye el ID del artículo. Cópialo en tu bloc de notas por mientras porque luego lo usarás.

3- COPIA EL ARCHIVO ERROR.PHP A TU PLANTILLA

En el directorio templates/system existe un archivo llamado error.php. Copias ese archivo dentro del directorio principal de tu plantilla (templates/tuplantilla/error.php).

4- EDITA EL ARCHIVO ERROR.PHP

Ahora lo abres con tu editor preferido (Dreamweaver, Notepad++, Sublime Text, etc), y encuentra la línea "Restricted access" y escribe debajo de ella lo siguiente:

Código PHP:

if (($this->error->code) == '404') { 
    header('Location: index.php?option=com_content&view=article&id=75'); 
    exit; 
}
 

Reemplaza el ID del artículo del ejemplo que te di, por el generado por tu menú. ¡Listo! Ya lo tienes.

- Consejos Adicionales:

Agrega la siguiente exclusión a tu archivo robots.txt ubicado en el directorio raíz de tu instalación de Joomla y déjalo así:

Código:

Disallow: /index.php?option=com_content&view=article&id=75

Asegúrate de que el ID en la URL corresponda al creado por ti hace un momento.

- También puedes usar el alias de la url correspondiente para personalizar su URL. Por ejemplo en el alias de menú puedes dejarlo "404" de modo que sería así:

Código HTML:

www.tusitioweb.com/404
 

¡ACTUALIZACIÓN!

Les quería comentar que pueden crear un menú "oculto" (Ojo! No confundir con item de menú) y no asignarle nombre de módulo, solo que quede el menú. En este caso yo tengo uno creado y lo nombro "hiddenmenu". De esta forma evitaremos que en nuestro menú principal creemos el item de menú enlazando al artículo que acabamos de crear. Ya que obviamente no queremos tener un acceso directo o menú público apuntando al error 404.

Saludos y espero que les sea de utilidad. Dudas o consultas posteenla.