Страница 404 для WordPress

WordPress — выбираем и устанавливаем темуНедавно столкнулся с ситуацией, когда было необходимо сделать отдельную страницу «404». Это актуально, если к примеру шапка и футер отличаются от шаблона по умолчанию или весь дизайн сайта создаёте в визуальном редакторе. Если оставить страницу по умолчанию, то это будет по меньшей мере не красиво. В данной статье расскажу вам о том как создать свою страницу 404 в визуальном редакторе «Elementor Page Template» и плагине «404page».

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

Wordpress 404

Для тех кто не знает, что такое «404» страница или «Ошибка 404» — это страница которая показывается пользователю если страницы не существует (поменялся адрес) или были допущены ошибки при вводе ссылки.

Часто в шаблонах WordPress данная страница есть по умолчанию. Но если Вы создаёте лэндинг или сайт визитку в визуальном редакторе, соответственно шаблон по умолчанию будет отличаться от Вашего дизайна. И тут появляется необходимость в создании отдельной страницы 404.

Для того, что бы создать свою страницу 404 нам понадобятся следующие плагины:

  • Elementor Page Template — визуальный редактор страниц
  • 404page — позволяет заменить страницу по умолчанию

Так же Вы можете изменить страницу 404 без использования сторонних плагинов, необходимо будет редактировать шаблон страницы в ручную. Шаблон страницы находиться в корне сайта, обычно называется «404.php»

Для начала устанавливаем плагины, о том как это сделать можете прочитать в данной статье: WordPress — установка плагинов

Создаём страницу и редактируем в Elementor

Далее нам необходимо создать страницу. Переходим во вкладку «Страницы» и нажимаем «Добавить новую». Называйте как хотите, у меня будет 404.Создание страницы 404

Теперь нам необходимо попасть в визуальный редактор страниц Elementor. Для этого необходимо выбрать пункт «Редактировать в Elementor»Редактируем страницу 404 в elementor

У меня выбран шаблон Elementor Canvas, это означает, что страница будет изначально пуста, то есть на ней не будут отображаться элементы из темы по умолчанию (шапка, футер и т.д.).

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

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

Заменяем стандартную страницу 404 на свою

После того, как мы создали готовую страницу, необходимо обратно перейти в панель администратора во вкладку «Внешний вид» -> » 404 error page» и выбрать нашу страницу.Выбор 404 страницы в плагине 404page

В итоге, если мы перейдём по несуществующему адресу, мы увидим нашу страницу 404.

Так же можете ознакомиться с данным видео, там всё показано наглядно:

На этом пожалуй всё, надеюсь статья была вам полезной. Не забывайте пользоваться кнопками «Поделиться в соц. сетях», так же подписываться на наш Канал и группы в ВК, Twitter, Facebook.

Всем удачи и море печенек!

Поделиться в соц. сетях:

Понравилась статья? Поблагодари автора, накорми печеньками! :)

CrazyKing

Печенько-кодер :Р

Опиши свой кейс здесь, если у тебя остались вопросы и мы обязательно ответим...