Недавно столкнулся с ситуацией, когда было необходимо сделать отдельную страницу «404». Это актуально, если к примеру шапка и футер отличаются от шаблона по умолчанию или весь дизайн сайта создаёте в визуальном редакторе. Если оставить страницу по умолчанию, то это будет по меньшей мере не красиво. В данной статье расскажу вам о том как создать свою страницу 404 в визуальном редакторе «Elementor Page Template» и плагине «404page».
Как создать свою страницу 404 в WordPress
Для тех кто не знает, что такое «404» страница или «Ошибка 404» — это страница которая показывается пользователю если страницы не существует (поменялся адрес) или были допущены ошибки при вводе ссылки.
Часто в шаблонах WordPress данная страница есть по умолчанию. Но если Вы создаёте лэндинг или сайт визитку в визуальном редакторе, соответственно шаблон по умолчанию будет отличаться от Вашего дизайна. И тут появляется необходимость в создании отдельной страницы 404.
Для того, что бы создать свою страницу 404 нам понадобятся следующие плагины:
- Elementor Page Template — визуальный редактор страниц
- 404page — позволяет заменить страницу по умолчанию
Так же Вы можете изменить страницу 404 без использования сторонних плагинов, необходимо будет редактировать шаблон страницы в ручную. Шаблон страницы находиться в корне сайта, обычно называется «404.php»
Для начала устанавливаем плагины, о том как это сделать можете прочитать в данной статье: WordPress — установка плагинов
Создаём страницу и редактируем в Elementor
Далее нам необходимо создать страницу. Переходим во вкладку «Страницы» и нажимаем «Добавить новую». Называйте как хотите, у меня будет 404.
Теперь нам необходимо попасть в визуальный редактор страниц Elementor. Для этого необходимо выбрать пункт «Редактировать в Elementor»
У меня выбран шаблон Elementor Canvas, это означает, что страница будет изначально пуста, то есть на ней не будут отображаться элементы из темы по умолчанию (шапка, футер и т.д.).
Для тех кто не знаком с редактором Elementor, очень советую его изучить, очень упрощает задачу по созданию сайтов. Имеет довольно большой функционал и дополнительные плагины.
После того как мы нажмём на кнопку нам откроется визуальный редактор. Нам остаётся только перетащить нужные элементы на страницу и добавить описание. У элементора достаточно много фишек, можете добавлять всё что угодно, всё зависит от вашей фантазии. Я сделал такой пример страницы:
Заменяем стандартную страницу 404 на свою
После того, как мы создали готовую страницу, необходимо обратно перейти в панель администратора во вкладку «Внешний вид» -> » 404 error page» и выбрать нашу страницу.
В итоге, если мы перейдём по несуществующему адресу, мы увидим нашу страницу 404.
Так же можете ознакомиться с данным видео, там всё показано наглядно:
На этом пожалуй всё, надеюсь статья была вам полезной. Не забывайте пользоваться кнопками «Поделиться в соц. сетях», так же подписываться на наш Канал и группы в ВК, Twitter, Facebook.
Всем удачи и море печенек!