По умолчанию в Вордпресс страница сайта, отображаемая в случае возврата с сервера ошибки 404, выглядит довольно примитивно.
Давайте же рассмотрим как сделать красивую страницу 404 для WordPress.
Ошибка 404 или Not Found информирует о том, что сервер не может найти данные согласно запроса.
Наиболее частой причиной возникновения подобной ситуации является тот факт, что запрашиваемая страница ресурса была перемещена или удалена.
Система управления контентом WordPress предусматривает в случае возврата ошибки 404 вывод на экран специальной страницы, за содержание которой отвечает файл 404.php шаблона.
До сегодняшнего дня текстовое содержание данной страницы моего блога выглядело следующим образом:
Думаю никто не станет спорить о том, что красивым и информативным данное содержание назвать никак нельзя.
Увидев страницу подобного содержания, читатель с большой долей вероятности просто уйдет с ресурса, что допускать крайне нежелательно.
Именно по этой причине я и решил сделать для своего блога красивую страницу 404.
Как сделать красивую страницу 404 для WordPress?
Итак, как я упомянул выше, за содержание данной страницы отвечает файл 404.php шаблона, именно с ним мы и будем работать.
Для начала я определю то, что нам нужно отобразить на странице 404:
- информацию о том, что запрошенная страница не найдена — это нужно сделать в первую очередь.
- предложение воспользоваться формой поиска по сайту (и саму форму поиска, разумеется), чтобы читатель мог найти нужную информацию.
- ссылку на карту сайта (перечень всех статей блога).
- перечень ссылок на самые свежие статьи блога.
Таков фронт работ, переходим от слов к делу.
Для проведения манипуляций с файлом 404.php я воспользуюсь доступом к файлам на хостинге посредством FTP.
О том, как настроить FTP-клиент для доступа к файлам на хостинге я писал здесь.
Вы также можете воспользоваться внутренним редактором WordPress, который доступен в админ-панели по вкладке Внешний вид → Редактор → Шаблон ошибки 404 (404.php).
Я сразу приведу код моего файла 404.php, который вы можете использовать у себя на сайте:
1 | <!--?php get_header(); ?--> |
Теперь разберем подробно за что отвечает каждый фрагмент кода.
Нас интересуют следующие строки:
- строка 4 — вставка изображения. Конечно это не обязательно, но с картинкой данная страница будет выглядеть гораздо красивее. Кстати, именно посредством картинки я реализовал информирование читателя о том, что запрошенная страница не найдена. Не забудьте закинуть файл картинки на хостинг и прописать верный путь к этому файлу.
- строка 5 — вставка текстового фрагмента.
- строка 6 — код формы поиска.
- строка 7 — конструкция, которая аннулирует данные последнего запроса.
- строка 8 — вставка текстового фрагмента и ссылки на карту сайта.
- строка 9 — вставка текстового фрагмента.
- строки 10-17 — конструкция, отвечающая за вывод последних (по дате публикации) записей блога. Конструкция showposts=10 определяет количество выводимых записей. Я задал 10, вы можете выбрать любое другое количество.
- строка 18 — вставка текстового фрагмента и ссылки.
Не забудьте везде в коде заменить название темы и ваш сайт на свои.
В конечном итоге у меня получилась вполне себе красивая страница 404 для WordPress:
Согласитесь, по сравнению с исходным вариантом стало гораздо красивее и информативнее.
Теперь если читатель по какой-либо причине попадет на страницу 404, то ему будет гораздо проще разобраться в том, как найти нужную информацию, и трафик не будет потерян.
Наша цель достигнута!
Владимир, а я только сегодня сделал такую страницу.http://telets.com.zp.ua/blog/gde-ya/ .Но не через файл 404.php, а через functions.php
Да, вещь нужная, просто необходимо сделать красивую и функциональную страницу ошибки 404, чтобы не потерять посетителей вследствие возникновения этой самой ошибки.
Спасибо! Давно хотел сделать, да всё руки не доходили, но теперь сделал такую страницу.
Пожалуйста!
А мне и сегодня руки никак не доходят сделать себе красивую страничку 404 — но, все в моих руках, думаю все же найду на это время.