Custom 404 Page in WordPress

A custom 404 page in WordPress is the template your site shows when a visitor requests a URL that does not exist — and you can design it yourself. WordPress loads the theme file 404.php, or in a block theme the Site Editor template named 404, whenever a query matches no post, page or file. If the theme has neither, WordPress falls back to index.php and the visitor may see the blog loop instead of an apology.

The home page can load normally while one retired link returns the 404 template — that is one missing URL, not a broken site. But if every inner page 404s while wp-admin still opens, the rewrite rules are the fault and no design will fix it; work through the WordPress 404 error fix first. A normal page you publish under Pages does nothing until a template or a plugin points the miss at it.

On a block theme, the 404 page is an ordinary template: open Appearance → Editor → Templates → 404, edit the blocks, and save. A classic theme stops at Customize and has no Templates list — use the plugin or file method below instead.

1. In wp-admin, open Appearance → Editor.
2. Open Templates and select 404. If it is missing, choose Add template and pick 404.
3. Leave the header and footer in place. Replace the default message, add a Search block, and link the home page.
4. Click Save.
5. Visit a URL that is not a real page, such as yourdomain.in/not-on-this-site/, in a private window.

You know it worked when your message appears on that URL. Elementor's free version does not replace this template — the 404 display condition lives in Elementor Pro's Theme Builder, so without that licence use the plugin or 404.php route.

Copy 404.php into your child theme and edit it there — an edit in the parent theme is erased by the next theme update. Do the work on a staging copy, or after a backup you can restore. A minimal, correct file looks like this:

<?php
get_header();
?>
<main class="not-found">
  <h1><?php esc_html_e( 'Page not found', 'child-theme' ); ?></h1>
  <p><?php esc_html_e( 'That address is not on this site.', 'child-theme' ); ?></p>
  <?php get_search_form(); ?>
  <a href="<?php echo esc_url( home_url( '/' ) ); ?>">Home</a>
</main>
<?php
get_footer();

1. Copy the parent theme's 404.php into the child theme folder. If the parent has none, copy index.php, rename it 404.php, and remove the post loop.
2. Keep get_header() and get_footer(); add get_search_form() and a short list of real links.
3. Upload the file over FTP or the file manager — do not paste it into the parent from Appearance → Theme File Editor.
4. Reload a fake URL, confirm your message appears, and check the status is 404.

WordPress hosting with a staging copy makes this safer than editing a live theme. Free migration onto a WebJi® WordPress plan is subject to terms and approval.

Use a 301 when the old URL has one clear replacement; keep the custom 404 when the URL has no replacement at all. Redirecting every miss to the home page looks helpful but reads to search engines as a soft 404, because the answer is the same for every question.

The mechanics — plugin, Redirection rules, or .htaccess — are covered in WordPress 301 redirects. A short list of mapped slugs plus an honest 404 for the rest beats a blanket redirect rule.