We use cookies
We use cookies to optimize our website. By continuing to browse the site, you agree to our use of cookies.
Control panel
  • Русский
  • Українська
  • English
  • UAH
  • USD
  • RUB
  • EUR
  • 0-800-307-307 Hotline
  • +38 (044) 392-74-33 Kiev
  • +38 (057) 728-39-00 Kharkiv
  • +38 (056) 794-38-31 Dnipro
  • +38 (032) 229-58-93 Lviv
  • +38 (048) 738-57-70 Odessa
  • +38(093) 170-15-42  Life
  • +38 (067) 400-88-44 Kievstar
  • +1(888)393-24-51  USA, Toll free
  • +44(131)507-01-14  Great Britain
  • +7 (499) 348-28-61 Moscow

2.13.1.19. Setting up a 404 page in WordPress

In WordPress, customizing your own 404 page is done by changing the theme template.

To change your 404 page, do the following:

  1. Go to the section "Appearance → Theme editor»:
  2. On the right side of the page, select the theme you want to edit and find “404 error template»: (Note that child themes may not have these templates as they are taken from the parent theme)
  3. After selecting the template file, you will see its contents, in which you need to make changes to create the desired page. Several important elements:
    • Code insertion is used to specify the search string:
      <?php get_search_form(); ?>
    • To indicate the possibility text translation error is used to insert a string into a function like this:
      <?php _e('text'); ?>
  4. Click "Update file».

The default template for the Twenty Nineteen theme looks like this:

<?php
get_header();
?>
<section id="primary" class="content-area">
  <main id="main" class="site-main">
    <div class="error-404 not-found">
      <header class="page-header">
        <h1 class="page-title"><?php _e( 'Oops! That page can&rsquo;t be found.', 'twentynineteen'); ?></h1>
      </header><!-- .page-header -->
      <div class="page-content">
        <p>
          <?php _e( 'It looks like nothing was found at this location. Maybe try a search?', 'twentynineteen' ); ?>
        </p>
        <?php get_search_form(); ?>
      </div><!-- .page-content -->
    </div><!-- .error-404 -->
  </main><!-- #main -->
</section><!-- #primary -->
<?php
get_footer();