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

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

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

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

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

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

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

После в 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;}

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

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

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

ErrorDocument 404 /index.php?error=404

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

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

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

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

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

Ребята привет! НА связи с вами Александр Борисов! 404 страница (not found) — это та страница, которую увидит читатель вашего блога при запросе не существующей на вашем блоге страницы или поста. Бывает так что когда-то вы добавили какую-то заметку, она проиндексировалась поисковым роботом, но потом вы ее удалили или изменили ссылку.

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

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

На ней ни чего не было кроме 2-х надписей. «404 — не найдено» и «Извините, но того, что Вы искали, тут нет». Ну зачем мне такая хреновая страница, надо бы ее срочно переделать подумал я и сменил ей немного дизайн. Теперь она выглядит вот так - Смотреть 404 страницу. Согласитесь так лучше? Я думаю да.

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

1. Изменить страницу 404 со стандартной на свою.
2. Сделать перенаправление с 404 страницы на другую.

Начнем с первого. Как изменить страницу 404 самостоятельно? У каждого блога wordpress есть в папке с темой файл 404.php. Вот его то и нужно редактировать, чтобы изменить дизайн 404 страницы. Сделать это можно 2-мя способами.

а) отредактировать код через административную панель вашего блога.
б) скачать файл 404.php из папки с темой на компьютер (wp-content/themes/ваша тема/404.php) и отредактировать через, допустим блокнот или редактор Notepad ++

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

Вот этот код в окне и нужно менять, чтобы изменить дизайн. Кстати если внизу этого окна нет кнопки «Обновить» или «Сохранить изменения», то это значит, что вам нужно поставить права доступа 666 на этот файл 404.php.

Как менять код? Ни чего сложного. У каждой темы свой код в файле 404.php, главное не удалять основные id, классы и т.д. Меняйте только текст. Заменяйте его на другой, вставляйте ссылки, картинки, форму поиска и т.д.

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

Вот вам мини шпаргалки если вы решите отредактировать 404 страницу (их нужно вставлять в файл 404.php):
Вставка ссылки: заголовок ссылки
Вставка картинки: (картинку закиньте на ваш хоcтинг)
Вставка категорий блога:
Вывод последних пяти записей блога:
Вывод архивов:
Вывод ссылок: ", "", "", FALSE, "id", FALSE, FALSE, -1, FALSE); ?>
Вставка поиска по блогу: смотрите в файле sidebar.php или header.php и копируйте форму поиска от туда.

У меня она выглядит так:

Найти:

Думаю если вы знаете основы html, то сделать страницу 404 вам не составит особого труда, если html вы не знаете, то советую изучить хотя бы базовые теги.

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

Хорошо! Разобрались с оформлением страницы 404 для вашего wordpress блога. Теперь давайте расскажу вам о нескольких полезных плагинах.

1. Smart 404 — плагин замены 404 страницы. Данный плагин автоматически через поиск по вашему блогу выдаст пользователю список страниц, подходящих под набранный им url, вместо 404-ой страницы. Плагин ищет в тегах, метках, рубриках, страницах и постах. Плагин, я считаю, достоин внимания. Скачать .

2. 404 Notifier — плагин уведомлений об ошибках. Данный плагин будет уведомлять вас каждый раз, когда на вашем блоге появляются страницы с 404 ошибкой. Уведомление можно получать как через RSS так и на e-mail. Хороший плагин, советую поставить. Из-за 404 ошибок вы можете потерять трафик на ваш блог. Плагин 404 Notifier как раз огородит вас от этого и при первых же ошибках будет уведомлять вас об этом. Скачать .

3. Redirection — плагин отслеживающий ошибки 404 на блоге и перенаправляющий человека, который попал на эту страницу 404, на другую страницу, которую вы укажите в настройках плагина. Сам я этим плагином не пользовался, но читал о нем не плохие отзывы. Если что попробуйте его в действии, а мне и без него хорошо. =) Скачать .

Ну и на последок дам вам несколько советов по оформлению вашей 404 страницы:

а) первое что должен увидеть человек, попавший на вашу 404 страницу, так это информацию о том, что страница, которую он ищет — отсутствует. Лучше это сделать в виде какой-нибудь интересной картинки.

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

г) как дополнение можно вывести список 5-и самых последних записей на вашем блоге.

Ну на этом у меня все на сегодня. Обязательно оформите свою страницу 404. Не теряйте трафик!

Желаю вам успехов!

Как дополнение почитайте еще 3 моих статьи по ведению блога на wordpress:

С уважением, Александр Борисов

2014-04-15

Всем привет! Сегодня речь пойдёт о том, что такое страница 404 и как её изменить на wordpress блоге .

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

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

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

Вот посмотрите, как раньше выглядела моя страница с ошибкой:

Не очень, правда? Никаких ссылок, картинок, просто слова о том, что документ перенесён или удалён.

Изменить страницу 404 на более красивую можно двумя способами:

1). Изменить стандартную страницу 404

— отредактировать код через административную панель wordpress блога

— или сначала скачать файл 404.php с кодом к себе на компьютер (wp-content/themes/ваша тема/ 404.php) и потом отредактировать в блокноте.

2). Сделать перенаправление со страницы 404 на какую-нибудь другую

Прежде чем начнём её создавать — посмотрим, как она выглядит у вас на блоге. Как увидеть и проверить свою страницу 404? Откройте главную страницу вашего сайта и в строке браузера просто добавьте к адресу вашего блога /404 (ваш сайт/404). Или воспользуйтесь сервисом Яндекс Вебмастер, нажав на исключённые страницы. У меня лично несколько страниц с ошибкой находятся именно там.

Для чего нужно поменять страницу 404, и для чего она вообще нужна? Вы наверняка натыкались на ошибку 404 «Страница не существует (Not Found)». И что же вы делали? Закрывали её и собственно всё. Так вот нужно сделать красивую страницу 404, чтобы посетитель с неё обязательно перешёл на ваш сайт.

Кстати ещё один хороший способ привлечения посетителей на сайт, о нём я писала тут: „ “. Обязательно используйте этот способ.

Теперь давайте начнём делать красивую страницу 404

Заходим в админку в раздел «внешний вид» — «редактор». В правом верхнем углу нажимаем «Шаблон ошибки 404».

Вот этот код нам и нужно будет изменить. Менять будем только текст, вставлять ссылки, картинки, форму поиска и т.д.

Советую на всякий случай перед тем, как его менять скопировать данный код в блокнот.

1). Для начала найдите нужную картинку, которая будет располагаться на странице 404 и закиньте её на ваш хостинг. И чтобы её вставить нужно в файл 404.php добавить код:

2). Потом придумайте и измените текст на ваш вкус.

3). Вставьте поиск по блогу:

Код поиска можно скопировать из файла sidebar.php или header.php

У меня он выглядит так:

6). Вывод последних пяти записей:

7). Вывод архива блога:

Посмотрите, как выглядит код моей страницы:

Советую оформить страницу 404 следующим образом:

Вставить картинку.

Вставить форму поиска на, чтобы посетитель не ушёл с сайта, а нашёл интересующую его информацию.

Теперь что касается оформления:

Если хотите сделать что-нибудь по центру, заключаем код в этот тег:

код

Если хотим сделать отступ,то в этот:

код

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

И если вы знаете основы html, думаю тогда проблем с её созданием не будет.

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

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

1). Redirection – этот плагин перенаправит посетителя со страницы 404 на выбранную вами страницу. А так же отслеживает все ошибки 404. Я изменила страницу 404 сама, поэтому этот плагин не использую. К тому же стараюсь свой блог ими не нагружать. Скачать .

2). Smart 404 – плагин вместо 404 страницы выдаёт записи с наиболее подходящими url адресами, используя записи, страницы, метки и рубрики. Скачать .

3). 404 Notifier – плагин, который уведомляет вас о появившихся страницах с ошибкой 404. Уведомление может приходить к вам на почту, благодаря чему можно быстро устранить такие страницы. Скачать .

4). Custom 404 Error Page — благодаря этому плагину можно создать оригинальную страницу ошибки 404 из админки. Скачать .

Вот собственно и всё на сегодня. Теперь вы знаете как изменить страницу 404 на wordpress , чтобы она была красивая. Чтобы не пропустить выход новых статей, подпишитесь на обновление блога .

P.S. А каким способом Вы поменяли страницу 404? Жду ваших комментариев!

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

Делая как-то «один сайт» я скопировал его на локалку, скопировал все кроме медиафайлов, а на сайте было много картинок: минимум две к записи плюс галереи. Получалось, что ни страница, то минимум 2-3 картинки. Для того, чтобы работать над сайтом картинки мне не нужны, поэтому их я с сервера не заливал, так как трафик у меня ограниченный и получалось, что когда работаю на локалке на каждой странице минимум 2 битые ссылки на картинки, а то и 20.

Я заметил, что чем больше картинок на странице, тем дольше грузится страница, вплоть до 10 секунд. Меня это стало раздражать, и я начал искать причину такого ненормального поведения. Причина оказалась в том, что каждая битая ссылка на картинку "скрыто" генерировала еще одну страницу - 404 . В качестве примера можете попробовать вписать ссылку типа: http://домен/kartinka.jpg и вы получите страницу с ошибкой, страницу со всем содержимым сайта, с сайдбаром(и) и прочим...

Суть дела

Получается, чтобы сгенерировать страницу с одной битой ссылкой на файл, WordPress генерирует две страницы: саму страницу и страницу с ошибкой 404. Если на странице 2 битые ссылки, то будут созданы 3 страницы и т.д.

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

Я решил эту проблему написав код. Его нужно вставить в самое начало в файл index.php в корневой директории сайта.

// Проверка на тип ошибки 404, если это файл не генерировать страницу, // а просто писать об ошибке $URIreq = $_SERVER["REQUEST_URI"]; if (preg_match("/.(jpg|jpeg|gif|png|zip)/", $URIreq)){ $PathToFileFromRoot = $_SERVER["DOCUMENT_ROOT"].$URIreq; $PathToFileFromRoot = str_replace("//", "/", $PathToFileFromRoot); if (!file_exists($PathToFileFromRoot)){ echo "

"; exit(); } }

Что делает код?

Как только запрашивается страница содержащая в ссылке.jpg , .jpeg , .gif , .png , .zip , т.е. как только запрашивается файл, он проверяется на существование, если файл не существует, то выводится заглушка и до WordPress"a дело вообще не доходит. Такая заглушка генерируется за доли секунды, что и требовалось.

Чтобы убедится, что все работает пишем в браузер http://домен/kartinka.jpg

Знатоки скажут, что 404 можно задать через.htaccess и будут абсолютно правы, но стандартный способ ErrorDocument 404 /404.html для Вордпресс не подходит, т.к. при использовании ЧПУ, используется mod_rewrite и 404-я страница определяется уже самим Вордпрессом.

Тоже самое через.htaccess

Через.htaccess сделать можно, но я не знаю как, если есть просвещенные в этом вопросе поделитесь знаниями в комментариях пожалуйста.

RewriteEngine On RewriteBase / RewriteRule ^index\.php$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_URI} \.(php|s?html?|css|js|jpe?g|png|gif|ico|txt|pdf)(/?\?.*)?$ RewriteRule . - RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.php [L]

Внимание, для уже рабочих сайтов!

Такому же эффекту подвергаются и битые ссылки на картинки вызываемые из css стилей и ссылки на несуществующие css, js и любые другие файлы. Поэтому, если чувствуете, что ваша страница грузится как-то подозрительно долго, то возможно это одна из причин. Проверьте все ссылки со страницы. Я так находил по несколько битых ссылок и не раз.

Для примера возьмем вот этот сайт: wordpressinside.ru , который возможно вам известен, здесь, на вскидку, я нашел как минимум 2 битые ссылки, вот они (были до написания этой статьи ):

1. http://wordpressinside.ru/wp-content/plugins/simple-counters/js/sc.js.php
2. http://wordpressinside.ru/wp-content/plugins/simple-counters/js/jquery.qtip.js
   Эти ссылки вшиты в шаблон и при генерации любой страницы, параллельно генерируется 2 страницы 404. Думаю не сложно представить насколько дольше генерируется страница, о лишних, абсолютно ненужных нагрузках на сервер я уже и не говорю...

Для решения проблемы, можно просто удалить битые ссылки - они просто не нужны...

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

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

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

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

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

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

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

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

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

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

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

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

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

• " rel="bookmark" title="">
  

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

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

• " title="">

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

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

By Date

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

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

Данный результат поместите в файл 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. Не стесняйтесь экспериментировать и играть со своим исходным кодом, используя разнообразные теги шаблонов для удовлетворения пользовательских потребностей и интересов.