X
  • Дизайн та розробка сайту
  • Дизайн і створення сайтів. Розробка тем для WordPress. Створення Landing Page.
  • office@gnatkovsky.com.ua
  • @vgnat
  • Написати мені
Замовити послугу

Как сделать страницу 404 для WordPress

Приклад
  • 2024-03-28
  • 4473 переглядів

  • Дизайн та розробка сайту

Доброго времени суток. 🙂

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

Страница 404

Правда, не всегда такая страница есть. Это зависит от Темы, которая установлена. Иногда в ней непредусмотренная страница для вывода 404 ошибки. Тогда посетитель видит примерно такую информацию в своем браузере:

not found

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

Чтобы иметь свою страницу 404 ошибки, нужно ее создать. Это очень просто. Вам нужно всего лишь создать файл - 404.php и поместить его в папку с темой. При возникновении такой ошибки, WordPress автоматом начинает искать файл 404.php.

Но просто создание файла, это еще не готовый результат. Теперь надо его наполнить, чтобы что-то увидеть. Внутри этого файла должно быть то-же что и в файле page.php, но без вывода цикла. Примерно так:

<?php get_header(); ?>
<div id="primary">
// тут цикл и все такое, что нужно удалить
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

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

Как пример, предлагаю Вам 404 со своего сайта. Выглядит она примерно следующим образом



Пример

Чтобы Вывести такое добавьте следующую html-разметку:

<div class="err_bl">
<span class="big_err">ошибка <span class="green_b">Страница</span></span><br>
<div class="big_err_t">404 <div class="green_s">не <br> найдена</div></div><div class="big_err_tw">:(</div>
<div class="big_err2">Совпадений нет</div>
<div class="big_err3">Извините, но запрашиваемой вами информации нет на этом сайте. 
Попробуйте еще раз воспользоваться поиском или поищите в рубриках</div>
</div>

После в style.css добавьте стилей:

.err_bl{width:500px;margin:0 auto;position:relative;font-family:Tahoma;}
.big_err{font-size:25px;color:#333;}
.green_b{font-size:80px;color:#9c0;}
.green_s{font-size:50px;color:#9c0;position:absolute;right:75px;top:80px;text-align:center;font-weight:bold;}
.big_err_t{font-size:120px;color:#333;line-height:60px;}
.big_err_tw{font-size:100px;color:#333;line-height:60px;position:absolute;right:0;top:100px;}
.big_err2{font-size:35px;color:#777;letter-spacing:-1px;line-height:37px;width:200px;border-right:1px solid #eee;position:absolute;left:0;top:230px;}
.big_err3{font-size:16px;text-align:justify;color:#777;width:280px;margin:25px 0 0 220px;}

Это просто информация. Если хотите, можно добавить тот же поиск. Чтобы его подключить, нужно добавить вот такой вот код:

<?php get_search_form(); ?>

Можете добавлять все что угодно и настроить эту страницу под себя и для удобства посетителей. Чтобы проверить результат перейдите по несуществующей ссылке на Ваш сайт. Например ваш_сайт.com/jkhkkjkjhkkjkhk2121.

Иногда так бывает, что WordPress не находит 404.php. Тогда Вам поможет небольшой код, который нужно добавить в файл .htaccess, который лежит в корне Вашего сайта.

ErrorDocument 404 /index.php?error=404

Если Ваш WordPress лежит не в корневой папке, а в какой нибудь подпапке, то просто добавьте новый путь:

ErrorDocument 404 /имя_папки_с_вордпресс/index.php?error=404

Теперь у Вас есть готовая страница, которая будет выводить нужное сообщение для пользователей.

А что Вы вывели на 404 странице для своих посетителей?

На этом все, спасибо за внимание. 🙂

Якщо Вам була корисна моя праця, можете фінансово підтримати сайт або відключити блокувальник реклами, що займе 2 хвилини :)

Хочу підтримати фінансово Хочу відключити блокувальник

Оцініть статтю
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
Проголосовало: 2, в среднем: 5 из 5
Читайте також