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

404 для WordPress

Итак, вводим в адресную строку браузера следующее:  http://bikersky.ru/wordpress/wordpress.html, ну или на свой вкус что-то. :-)

Так как такой категории и записи на моем блоге не существует, мы получим следующую картину:

Пример 404 ошибки для WordPress

Это и есть 404 страница для WordPress.

Желаете сделать свою 404 страницу? Оригинальную, креативную, чтобы отличилась от других? Тогда вперед!

404 для WordPress. Инструкция по созданию.

  • Заходим в «Консоль WordPress».
  • Выбираем «Внешний вид — Редактор».
  • Выбираем «Шаблон ошибки 404 — 404.php».
  • Редактируем на свой вкус. Я сделал легко и просто, чтобы всем было понятно.

Мой код 404 для WordPress в качестве примера:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?php get_header(); ?>
<div class="post-container" id="post-<?php the_ID(); ?>">
		<div class="post-content-single">
			<div class="post-single">
				<h1>Ошибка 404</h1>
			</div>
			<div class="errors">
<p>Извините, но такой страницы больше не существует. Вы можете просмотреть <a href="http://bikersky.ru/vse-stati-bloga">все статьи блога</a>, а также <a href="http://bikersky.ru/">вернуться на главную</a>. С уважением, <a href="http://bikersky.ru/ob-avtore-i-bloge">Олег Бикерский</a>.</p>
<img src="http://bikersky.ru/wp-content/themes/bikersky/images/404.png" class="error" />
</div>
		</div>
	<div class="clear"></div>
</div>
</div>
<?php get_footer(); ?>

Вы можете также найти какую-нибудь картинку, обработать ее под себя и у вас будет готовая оригинальная страница 404 ошибки для WordPress. Для вдохновения предлагаю вам просмотреть 10 креативных решений 404 ошибки. :-)

acme
amorphia-apparel
chrisglass
eroticachallenge
ferdaze
mmogamezone
patterntap
studentmarket
turbomilk
zanami

Прилагаю вам 2 исходника 404 ошибки в формате .PSD. Переделайте под себя, и пользуйтесь на здоровье! ;-) Скачать можно по этой ссылке.

Предлагаю вам еще варианты оформления 404 страницы: 
  • Можно вывести список последних записей.
<?php wp_get_archives('type=postbypost&limit=10'); ?>
  • Либо вывести список самых популярных постов.
<?php most_popular_posts(); ?>

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

На этом все! Надеюсь статья оказалась для вас полезной. Если есть вопросы, прошу в комментарии. Подписывайтесь на обновления блога, чтобы быть всегда в курсе событий!

Вне зависимости от того, о чем вы мечтаете — начинайте над этим работать! И тогда в вашей жизни начнут происходить самые настоящие чудеса! Иоганн Вольфганг фон Гете ©.

С уважением,