Creating a Custom 404 Error Page

From Joomla! Documentation

Revision as of 09:33, 27 July 2009 by Holdencreative (Talk | contribs)

This tutorial will show you how to create a custom 404 Error Page for use in your Joomla 1.5 Web Site.

This page summarizes the latest techniques for adding Joomla! 404 Error Pages, as discussed by Amy Stephens and others in the Joomla! Forum Post Custom 404 Inside the Content Area

Please Note: This tutorial is a summary of popular techniques for adding custom 404 Pages to Joomla! There may be other, better or more SEO (Search Engine Optimized) methods toward accomplishing the same goals.

Four Steps to Creating a Custom 404 Error Page

1. Create an Uncategorized '404' Article

Create an 'uncategorized' article in Joomla! to serve as your 404 Page. Include some text such as Sorry, we could not find the page you were looking for... and if necessary, also any useful navigational links. For example, you may wish to add a link back to your site's home page.

2. Create and copy a link to that new 404 Article.

Create a menu item which links to the new 404 Article and 'apply' your changes. Then copy the URL information (index.php?optio...), set the menu item as 'unpublished' and close out of the menu editing page. You may want to paste the copied URL into Notepad or somewhere accessible for the time-being.

3. Copy error.php to your Template's Directory

In your Joomla! installation copy the file error.php from the templates/system directory, to your Template directory. For example, if I was using a template named 'Cleancloud' I would copy the error.php file to the templates/cleancloud directory.

4. Modify error.php to Redirect 404 Errors to your 404 Article

Edit the error.php file as follows, adding the code below immediately under the 'restricted access' line:

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

Replace the location information (index.php?option..) with the URL from the menu item you created.

Additional Steps toward a Better Custom 404 Error Page

  • Add the following line to the robots.txt file located in the root directory of your Joomla! installation.
Disallow: /index.php?option=com_content&view=article&id=75

Replacing the (index.php?option..) location with your 404 Article URL.

More Custom Error Page Information: