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

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

Классно да? Хотите себе такую же или еще лучше, тогда читайте ниже.

Для начала давайте я вам объясню, зачем вообще нужна эта страница.

 

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

Страница ошибки 404 появляется тогда, когда вы набираете адрес какой-либо страницы, которой не существует или она была когда-то, но владелец сам ее удалил или переименовал ее адрес. Вот смотрите адрес этой статьи такой http://firstprize.ru/2013/11/04/kak-sdelat-ili-sozdat-struncu-404, но если вы добавите к нему какие-нибудь  знаки или наоборот уберет их, вы попадете на мою страницу ошибки 404.

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

Как вы думаете, что сделает Яндекс с вашим сайтом, когда увидит, что у вас посетители не задерживаются больше чем на 15 секунд? Это еще называю отказом, то есть посетитель не нашел, что хотел и сразу же закрыл сайт. Ну, так вот, когда поисковики это увидят, ваша статья улетит далеко в жопу, от топ-10. Чтобы этого не случилось надо сделать нормальный шаблон страницы ошибки 404, которую мы с вами и будем делать.

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

Как сделать или создать страницу 404?

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

Вообще эта программка нечто иное, как обычный Word, который пишет за вас html код в то время, как вы просто пишите текст, вставляет картинки, как в обычном текстовом Word. На данной программе можно сделать целый сайт не зная ни одного тега из языка html или CSS!

1) Первое что вам нужно сделать это закачать на ваш блог какую-нибудь забавную или красивую картинку, подходящую под дизайн вашего блога. Я тут немного таких картинок подобрал с поиска, скачать их можете здесь. Как найдете картинку зайдите в админку блога, нажмите «медиафайлы» «добавить новый», и загрузите картинку.

2) Теперь нам нужно создать на рабочем столе файл с разрешением php и переименовать его в 404. Если не получается просто создайте текстовый блокнот и полностью его переименуйте в 404.php.

3) Ок, кликаем правой кнопкой мыши на этот файл и нажимаем открыть с помощью Dreamweaver CMS.

4) Теперь нам надо перейти в «редактировать», «установить», и поставить кодировку  UTF-8 на которой и простроен весь движок WordPress. Если не сделаете этого, то у вас весь текст будет в странных значках и иероглифах, которые смогут понять только разве что инопланетяне.

Dreamweaver версий 9.0

5) Заходим во вкладу «код», который находится в лево-верхнем углу после основного меню, и удаляем оттуда весь код, который там есть.

6) Переходи в «проект», ну и тут все просто, как в Word пишем, что хотим, меняем шрифт его размер, вставляем картинку.

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

8) Теперь нажимаем на нашу картинку, которая появилась в редакторе и в нижнем меню, где написано «источник» вставляем ссылку картинки, которую мы ранние закачивали на блог в самом первом пункте.

9) Хорошо практически закончили. Теперь перейдите снова во вкладку «код» и там в самом начале вставьте код который отвечает у нас за появления шапки (верха) блога :

<?php get_header (); ?>

<!-- Post -->

 

А в самом конце этот код, который отвечает за появления подвал (низа) блога:

<!-- /Content -->

<?php get_footer (); ?>

 

Код страницы 404 для WordPress.

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

<?php get_header (); ?>

<!-- Post -->
<style type="text/css">
<!--
.стиль23 {
font-size: 30px;
font-family: «Times New Roman», Times, serif;
}
.стиль24 {font-size: 17px}
-->
</style>

<div class="post">
<div class="post-title">
<p>&nbsp;</p>
<h1 align="center"><span class="стиль23">Такой страницы на данный момент нет.</span></h1>
</div>
<div class="post-entry">
<p align="center" class="стиль24">Но возможно вы просто вели не правильный адрес, рекомендую перейти <a href="http://firstprize.ru/sample-page/" class="стиль24">сюда</a> и поискать ее там или просто нажмите наверху «Все статьи». Удачи.</p>
</div>
</div>
<div align="center">
<p><img src="http://www.osoznannie-snovidenya.ru/wp-content/uploads/2012-07-25_135539.png">
<!-- /Post -->
</p>

<img src="http://firstprize.ru/wp-content/uploads/2013/11/error.gif" width="512" height="188" longdesc="http://firstprize.ru/wp-content/uploads/2013/11/error.gif" /></div>
<div class="clear"></div>

</div>
<!-- /Content -->
<?php get_footer (); ?>

 

10) Все теперь сохраняем наш 404.php открываем программу клиент FTP и закачиваем данный файл в тему нашего блока по адресу: httpdocs (или public_html , www, domains,) => wp-content => themes=>(папка вашей темы).

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

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

Вот теперь-то вы знаете, как сделать страницу 404 не зная ни одного тега из языка html ^_^.

Похожие публикаций:

Четыре хороших метода установки темы оформления на WordPress.
Как правильно настроить блог на WordPress после его установки?
Как убрать или запретить комментарии в WordPress?

Поделиться с друзьями и коллегами.

Система Orphus

Прокомментировать

Максим Вячеславович – автор блога firstprize.ru, вольный SEO специалист, вебмастер, Web-разработчик на WordPress и человек-оркестр с опытом в некоторых других областях. Личное кредо — хочешь сделать что-нибудь хорошо, сделай это сам. В моменты особого вдохновения создаю видеоклипы и ковыряюсь в кодах. Основные профессиональные инструменты —Dreamweaver, Adobe Photoshop, Site-аuditor. Спасибо за внимание, заходите снова!