TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

Узнайте, как настроить страницу с ошибкой 404 в WordPress

414

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

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

Но хотя отобразить такое сообщение об ошибке легко, немного сложнее настроить эту страницу с ошибкой и сделать ее более удобной для пользователя.

Что такое страницы с ошибками 404?

Если определенная страница не может быть найдена на вашем сайте, сервер отобразит в браузере сообщение об ошибке 404. Это только означает, что страница или сообщение не находятся на этом веб-сайте (больше). Обычно это происходит, когда пользователь неправильно вводит URL-адрес вашего сайта или когда вы удаляете сообщение, которое уже проиндексировано поисковыми системами и связано с другими источниками.

Узнайте, как настроить страницу с ошибкой 404 в WordPress

Например, если у вас есть контактная страница по адресу www.yoursite.com/contact, и кто-то пытается перейти на сайт www.yoursite.com/contacts, WordPress выполнит перенаправление на страницу 404.php.

Если вы решите прочитать больше о страницах с ошибками 404, есть шанс, что вы обнаружите миф о номенклатуре этой ошибки. Одно время считалось, что ошибка получила свое название в честь комнаты в ЦЕРНе, где располагались исходные веб-серверы. На самом деле несколько иное. Все коды состояния HTTP были фактически установлены Консорциумом World Wide Web и не имеют ничего общего с комнатами или зданиями.

Страница ошибки по умолчанию в WordPress

По умолчанию каждая тема WordPress поставляется с шаблоном 404.php, который отвечает за отображение сообщения об ошибке для незадачливых читателей. К сожалению, эти страницы по умолчанию довольно общие и содержат только основную информацию. Итак, если пользователь заходит на вашу страницу 404.php, WordPress просто сообщит ему, что запрошенный ресурс не может быть найден на вашем сервере. Как видно на скриншоте, сообщение с темой Twenty Seventeen не очень личное. Тебе просто нужно это изменить, тебе не кажется?

Узнайте, как настроить страницу с ошибкой 404 в WordPress

Если вам повезет, тема, которую вы используете, уже содержит несколько шаблонов страниц с ошибками 404. Возможно, это даже позволит вам настроить страницу через удобный интерфейс. Но если это не так, не волнуйтесь. Теперь мы покажем вам, как создать страницу самостоятельно и держать читателей в курсе.

Что делает страницу ошибок в WordPress хорошей?

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

  • Извинения – настраиваемое личное сообщение, четко видимое на странице
  • Изображение – (забавное) изображение, которое делает страницу с ошибкой менее пугающей.
  • Контакт – показать контактную информацию или форму.
  • Поле поиска – позвольте людям искать на вашем сайте другой контент
  • Недавние публикации – позволяют посетителям открывать одну из последних статей.
  • Популярные сообщения – разрешите посетителям видеть ваши самые популярные сообщения

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

Найдите идеи для персонализированной страницы

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

Узнайте, как настроить страницу с ошибкой 404 в WordPress

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

Создайте настраиваемую страницу ошибки 404

Для начала напоминаем, что изменение файлов вашей темы – не лучшая практика. Прежде чем вы начнете вносить изменения, мы хотели бы предложить использовать дочернюю тему. Когда вы создаете дочернюю тему для своего сайта, все изменения в ее файлах не будут затронуты обновлениями, которые вы сделаете для своей обычной темы. В этом случае создание файла 404.php в дочерней теме не повлияет на исходный, но все равно будет отображаться для ваших посетителей.

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

Представим, что вы не поленились и подготовили дочернюю тему. Итак, первый шаг – создать новый файл:

  1. Откройте папку, в которой вы создали дочернюю тему.
  2. Создайте файл 404.php
  3. Отредактируйте файл
  4. Скопируйте и вставьте следующий код:
<?php get_header(); ?> <div id="main-content"> <div class="container"> <div id="content-area" class="clearfix"> <div id="left-area"> <article id="post-0" <?php post_class( 'et_pb_post not_found' ); ?>> <img src="/image.jpg"> <h1><?php esc_html_e('Page Not Found','WP Loop'); ?></h1> <p><?php esc_html_e('Oh No! The page you opened does not exist. Please use the links below to navigate to a safer place.', 'WP Loop'); ?></p> </article> <!-- .et_pb_post --> </div> <!-- #left-area --> <?php get_sidebar(); ?> </div> <!-- #content-area --> </div> <!-- .container --> </div> <!-- #main-content --> <?php get_footer(); ?>
  1. Измените путь к вашему изображению в строке №7
  2. Измените заголовок в строке $ 8
  3. Напишите собственное сообщение в строке # 9
  4. Сохранить изменения

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

Добавить собственные виджеты

Хотя можно кодировать всю страницу с нуля, в этом нет необходимости. WordPress уже позволяет добавлять виджеты, которые помогут вам отображать самые последние и популярные статьи. Начиная с версии 4.8, вы даже можете добавлять мультимедиа в специализированные виджеты, так почему бы не воспользоваться этим?

Чтобы добавить новые виджеты специально на страницу 404.php, мы предлагаем создать новую область с виджетами (пространство на вашей странице, которое позволяет использовать виджеты). В некоторых случаях темы WordPress позволяют создавать новые области с виджетами на панели инструментов. Итак, взгляните на Внешний вид -> Виджеты. Если повезет, можно будет создать площадку для вас. Если нет, давайте быстро создадим один, чтобы у вас были разные виджеты на новой странице:

  1. Перейдите в папку своей дочерней темы
  2. Откройте или создайте файл functions.php
  3. Скопируйте и вставьте код:
function widget_area_404() { register_sidebar( array( 'name' => '404 Page', 'id' => '404', 'description' => __( 'Widgets for 404 error page.' ), 'before_widget' => '<div class="et_pb_post">', 'after_widget' => '</div>', 'before_title' => '<h4 class="widgettitle">', 'after_title' => '</h4>',) ); } add_action( 'widgets_init', 'widget_area_404' );
  1. Сохранить изменения
  2. Откройте файл 404.php, который вы изменили ранее.
  3. Скопируйте и вставьте следующий код в то место, где вы хотите отображать новые виджеты (например, после заголовка и текста):
<?php dynamic_sidebar( '404' ); ?>
  1. Сохранить изменения

Сообщив WordPress, где отображать новую область виджетов, пора фактически добавить виджеты. Итак, перейдите в «Внешний вид» -> «Виджеты», выберите «Последние публикации», «Популярные публикации» или любой другой виджет, который вы хотели бы разместить на своей новой странице 404 (другим примером является бесплатный виджет Google Maps для отображения вашего местоположения). Не забудьте настроить виджеты по своему вкусу и помните, что есть новые мультимедийные виджеты, если вы хотите добавить на страницу изображения, видео или аудиофайлы.Узнайте, как настроить страницу с ошибкой 404 в WordPress

Используйте плагин для создания настраиваемой страницы

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

5сек правильное 404

ЦЕНА: 10 $


Узнайте, как настроить страницу с ошибкой 404 в WordPress

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

Используя плагин, вы можете забыть о шаблонах и коде, которые мы использовали в этой статье. После создания страницы плагин позволяет использовать пять шорткодов (недавние, популярные, похожие сообщения, форму поиска и виджет поиска Google). Это означает, что вам не придется беспокоиться ни о виджетных областях, ни о стилизации.

Хотя вы уже занимаетесь сломанными страницами, почему бы не удалить их полностью? 5sec Правильный 404 создает подробный журнал, который показывает вам все битые страницы, вызвавшие сообщение об ошибке 404. Пока посетители будут видеть вашу новую страницу, вы можете работать с серверной частью, находить ссылки, которые не работают, и исправлять их, если возможно.

Твоя очередь

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

Источник записи: https://firstsiteguide.com

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. ПринимаюПодробнее