Как улучшить страницу 404 в WordPress

Сайтостроение WordSmall

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

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

Как улучшить страницу 404 в WordPress

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

Как улучшить страницу 404 в WordPress

Ни одна из выше представленных страничек 404 not found не является полезной. Когда посетитель попадает на нее, он уже разочаровывается в связи с тем, что не может найти необходимое содержимое.

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

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

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

Можно воспользоваться плагином под названием WordPress Popular Posts, который способен отображать популярные записи на вашей страничке 404.

После установки и активации плагина необходимо разместить представленный код в файле 404.php, конкретно в то место, где требуется отображать популярные статьи.

<?php wpp_get_mostpopular (); ?>

Самые комментируем записи также ставятся благодаря этому плагину с помощью установленного ранее кода, лишь только необходимо добавить один важный тег в прошлый код:

<?php wpp_get_mostpopular("range=all&order_by=comments"); ?>

Эту функцию можно выполнить без использования плагина, прочитав информацию в статье: Самые популярные записи WordPress.

Вывод последних записей.

Присутствует несколько разнообразных способов для размещения последних записей на WordPress. Самый элементарный способ, который представляет собой размещение этого кода в файл шаблона 404.php, чтобы отобразить последние записи:

<ul>
 <?php query_posts('showposts=5'); ?>
 <?php while (have_posts()) : the_post(); ?>
 <li>
 <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a><br/>
</li>
<?php endwhile; ?>
</ul>

Вывод случайных записей.

Если желаете вывести случайные посты на своей странице 404, то попросту добавляйте этот код в желаемое место.

<ul>
<?php
$posts = get_posts('orderby=rand&numberposts=5');
foreach($posts as $post) { ?>
<li><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
</li>
 <?php } ?>
</ul>

Вывод архивов.

С помощью замечательного плагина Compact Archives можно с легкостью выводить ежемесячные архивы информации. Устанавливайте и активируйте этот плагин. После выполненной активации разместите этот код в файле 404.php на собственном шаблоне:

<p><strong>By Date</strong></p>
<ul>
<?php compact_archive($style='block'); ?>
</ul>

Благодаря ему будут отображаться ваши ежемесячные публикации.

Все выше представленные функции желательно поместить в каждый блок в отдельности. Это нужно для дальнейшей стилизации внесенных изменений в файл 404.php. В результате у вас должно получиться что-то похожее на это:

<div id="oops">
<h1>404 error</h1>
<h2 class="centerser">Страница не найдена.
Возможно она была удалена, либо Вы набрали неверный адрес.</h2>                        
<div class="new1">        
<h3>Случайные посты</h3>
<ul>
<?php
$posts = get_posts('orderby=rand&numberposts=5');
foreach($posts as $post) { ?>
<li><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
</li>
<?php } ?>
</ul>                                                                
</div>
<div class="new2">
<h3>Самое популярное</h3>
<ul>
    <?php
    $pc=new WP_Query('orderby=comment_count&posts_per_page=5');?>
    <?php while($pc->have_posts()):$pc->the_post();?>
    <li>
    <a href="<?php the_permalink();?>" title="<?php the_title();?>"><?php the_title();?></a>
    </li>
    <?php endwhile;?>
    </ul>
</div>
<div class="new3">
<h3>Новые посты</h3>
<ul>
<?php query_posts('showposts=5'); ?>
<?php while (have_posts()) : the_post(); ?>
<li>
<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a><br/>
</li>
<?php endwhile; ?>
</ul>
</div>
</div>

Данный результат поместите в файл 404.php

Для стилизации добавьте стили в файл style.css.

/*стили для 404 ошибки*/
#oops {
    background:#FFFFFF;
    margin: 0;
        padding:15px;
}

#oops h3{
    font:bold 15px arial;
}

#oops h1{
    font:bold 30px arial;
        text-align:center;
}

.new1{
width:180px;
padding:5px;
margin:0 3px;
float:left;
}

.new2{
width:180px;
padding:5px;
margin:0 3px;
float:left;
border-left:1px solid #c8c8c8;
border-right:1px solid #c8c8c8;
}
.new3{
width:180px;
padding:5px;
margin:0 3px;
float:left;
}

Я использовал отдельные фрагменты кодов дабы не прибегать к использованию плагинов. Еще добавил поиск по сайту, путем копирования стандартного кода в находящийся теме. После чего просто вставил в файл 404 и изменил идентификаторы чтобы изменить стили по-своему.

Финальная версия страницы 404 должна выглядеть примерно так:

Как улучшить страницу 404 в WordPress

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

Источник: wpbeginner.com/wp-themes/how-to-improve-your-404-page-template-in-wordpress/

— Не забывайте делиться с друзьями в социальных сетях: —

Автор, он же Андрей, он же Admin, он же WordSmall

Лентяй-любитель, окончил высшую школу безделья с многочисленными знаками отличия. Создатель этого небольшого «чудо-блога» о еще более «чудном» контенте.

E-mail Google+ Twitter
Добавить комментарий
bold quote code