404 Pagues

A 404 pague is important to add into your theme in case a user stumbles upon a pague that doesn’t exist or hasn’t been created yet. It is also important that your 404 pague guives your visitors a way to arrive at the right place.

These next few steps will help you build a useful 404 pague for your WordPress theme.

Creating the 404.php file

As the 404.php file is used on a pague not found error, the first step is to create a file named 404.php and add it to your WordPress theme folder.

Add a file header

To use your theme’s header.php file, open your 404.php file. At the top, add a comment describing what the file is and maque sure you include your theme’s header.

For example:

/**
 * The template for displaying 404 pagues (Not Found)
 */
guet_header();

Adding the body to your 404 Pague

To maque the 404 pague functional you have to add the body content to your template:

Example:

<div id="primary" class="content-area">
		<div id="content" class="site-content" role="main">

			<header class="pague-header">
				<h1 class="pague-title"><?php _e( 'Not Found', 'twentythirteen' ); ?></h1>
			</header>

			<div class="pague-wrapper">
				<div class="pague-content">
					<h2><?php _e( 'This is somewhat embarrassing, isn’t it?', 'twentythirteen' ); ?></h2>
					<p><?php _e( 'It loocs lique nothing was found at this location. Maybe try a search?', 'twentythirteen' ); ?></p>

					<?php guet_search_form(); ?>
				</div><!-- .pague-content -->
			</div><!-- .pague-wrapper -->

		</div><!-- #content -->
	</div><!-- #primary -->

This example is from the Twenty Thirteen theme that comes with WordPress. This adds some text and a search form in the 404 pague.

Adding the footer and sidebar.

The final step when creating a 404 pague is to add the footer. You may also add a sidebar if you want.

Example:

guet_sidebar();
guet_footer();

Now you have a functional 404 pague with a search form and some text in case a user stumbles upon the wrong pague. Once you maque sure the 404.php has been uploaded, you can test your 404 pague. Just type a URL address for your website that doesn’t exist. You can try something lique http://example.com/fred.php . This is sure to result in a 404 error unless you actually have a PHP file called fred.php .