Привет всем! В этой статье я хочу рассказать, как создать страницу ошибки 404. Наличие на сайте красиво оформленной страницы 404 ошибки нужно для того, чтобы пользователь не покинул сразу Ваш сайт, не обнаружив на нем того, что искал, а продолжить смотреть на сайте другие страницы.

Страница ошибки 404 должна быть красиво оформлена на любом сайте для людей. Данная страница показывается, когда пользователь хочет перейти на не существующую страницу или же он ищет на сайте информацию, а по такому ключевому слову ничего не найдено. От привлекательности данной страницы зависит, покинет ли посетитель Ваш блог или останется и продолжит посматривать его.

Вот наглядный пример, как выглядела раньше страница ошибки 404 на моем блоге:

Не впечатляет, правда? Поэтому, мной и было принято решение, оформить ее по привлекательнее. Процесс создания страницы ошибки 404 я покажу ниже на своем примере.

Что может содержать шаблон ошибки 404 not found. Пару предложений, вроде: «Страницы, которую Вы ищите нет…». Какую-нибудь прикольную картинку. Ее можно найти в интернете или нарисовать свою. Еще один элемент, который должна содержать любая страница ошибки 404 — поиск. Где взять код формы поиска? В стандартных шаблонах, обычно, есть файл searchform.php, в нем и будет код.

Также можно вывести список рубрик, последних статей, добавить ссылку на главную страницу сайта, а также ссылку на страницу со списком всех статей. Если Вы еще не знаете, как создать страницу с выводом списка всех статей, то почитайте эту статью https://inetsovety.ru/karta-bloga-dlya-lyudey/

Как создать страницу 404

1. 1. Нужно зайти в подраздел Редактор, который находится в разделе Внешний вид:
   2. Справа выбрать для редактирования файл шаблона ошибки 404 под названием 404.php.
   3. У меня редактирование файла страницы ошибки 404.php заключалось во ставке следующего кода:

      <div align="center"><h3>Страницы, которую Вы ищете уже
      
      нет!</h3>
      
       <img src="https://readmag.ru/wp-content/uploads/404.jpg">
      
      </div>
      
       <div align="center">Посмотрите перед уходом раздел рубрики,
      
      последние статьи и другие страницы блога!</div>

Давайте рассмотрим, что означает данный код:

• выравнивание текста внутри по центру (внутрь его я вставляю остальную часть кода)
  
  <div align=»center»></div>
• вставка картинки (картинку я загрузила на хостинг и указала путь к ней)

  <img src="https://readmag.ru/wp-content/uploads/404.jpg">

•  <h3></h3> — тексту присваивается стиль заголовка h3
• Код для вывода рубрик:

  <?php wp_list_cats ('sort_column=name'); ?>

• Если хотите вывести список из 5 последних опубликованных записей, добавьте этот код:

  <?php get_archives ('postbypost', 7); ?>

После этих изменений страница ошибки 404 стала выглядеть следующим образом:

Со временем буду приукрашивать ее еще. На сегодня у меня все. А как  на Вашем блоге  оформлена страница ошибки 404 или все еще показывается стандартная страница?