Как создать страницу 404 на wordpress


Игорь Козлов | 2013-05-21 | 20 комментариев

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

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

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

404 страница

Специально создавать её не нужно, разве что в исключительных случаях.

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

Как правило, по умолчанию такие страницы имеют стандартные несколько строчек, дескать, извините, искомой информации не нашлось и все.

404-text

Это выглядит непривлекательно, разочаровывает посетителя, такая страница малоинформативная. Поэтому есть смысл её переоформить.

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

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

404-img

Как видите, можно придать 404 странице человеческий вид.

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

Давайте этим и займемся. Для этого нужно будет открыть страницу в редакторе админки (Внешний вид — редактор)

шаблон 404

и дописать в неё нужный вам текст, вставить картинку и кое какие коды.

Как создать страницу 404 на wordpressСкажу сразу, что страница представлена в виде кодов, поэтому, если вы хотите редактировать её визуально, для этого или скопируйте текст кода и вставьте его в веб-редактор на компьютере. Или скопируйте страницу через ftp и отредактируйте её в том же веб-редакторе, а затем обновите на хостинге. Или можно делать все через редактор админки. В общем, что касается php кодов, оставляем, как есть. А где начинается html коды, там редактируем.

Читайте также:  Clearfy - плагин для wordpress!

Создаем картинку:

Ищите в Google варианты страницы 404 или делаете свою уникальную. Загружаете картинку на хостинг. Прописываете путь к ней в этом коде? Если нужно, меняете ширину и высоту картинки.

<p align="center">
<img border="0" src="ваш сайт/error404.jpg" width="372" height="336"></p>

Пишите любой свой текст. Например:

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

Затем выводим популярные записи с помощью кода. Цифра 15 во второй строчке кода — это количество записей. Меняете её, при желании.

<h4>Популярные записи блога:</h4>
<ul>
<?php $result = $wpdb->get_results («SELECT comment_count,ID,post_title FROM $wpdb->posts ORDER BY comment_count DESC LIMIT 0 , 15»);
foreach ($result as $post) {
setup_postdata ($post);
$postid = $post->ID;
$title = $post->post_title;
$commentcount = $post->comment_count;
if ($commentcount != 0) { ?>
<li><a href="<?php echo get_permalink ($postid); ?>" title="<?php echo $title ?> — <?php echo $commentcount ?> комментариев"><?php echo $title ?></a></li>
<?php } } ?>
</ul>

Затем можно вывести последние записи. Для этого в шаблон страницы 404 нужно вставить следующий код. Цифра 15 — это количество записей.

<h4>Последние записи блога:</h4>
<ul>
<?php get_archives ('postbypost', 15); ?>
</ul>

И конечно, рубрики блога. Точно также, используя код:

<h4>Рубрики блога:</h4>
<ul>
<?php wp_list_cats ('sort_column=name&optioncount=1&hierarchical=0'); ?>
</ul>

Вместо h4 можете использовать любой другой тег.

Далее можете, используя html, дописать добавить любой другой текст на ваше усмотрение. Форму подписки и т.д.

ПОДПИСАТЬСЯ НА ОБНОВЛЕНИЯ БЛОГА И ПОЛУЧАТЬ НОВЫЕ СТАТЬИ, АУИДО И ВИДЕОКУРСЫ

Кто знает, как обращаться с html, тому дай только в руки страницу и он её разукрасить. Все что нужно знать, это где она находится. Можно также добавить поисковую форму. Одним словом, фантазируйте. Коды вывода рубрик, популярных записей я дал, да и в  остальном вас никто не ограничивает.

Читайте также:  Улучшение поведенческих факторов блога

Разве что вы ещё новичок в WordPress. Тогда курс Евгения Попова вам в помощь. Это лучшее, что есть в Сети по этой теме.

wordpress - блог

1Кстати, для читателей «Блогопрактики» я создал 15% купон скидки. На последнем шаге оформления заказа курса вам предложат ввести купон. Вводите SKIDKA_9B8 и вам будет автоматически сделан перерасчет. Воспользуйтесь купоном — платите меньше! Цена гуманно-адекватная. Дерзайте и знайте, что не на каждой странице я предлагаю скидку.

В заключение, 5 минут Чеховского юмора в моем исполнении. По вопросам озвучивания книг, стучите в рельсу...

Автор: Игорь Козлов
Чистый звук в мире инфобизнеса

Продажа статей через Текстсейл! - Копирайтингом я начал зарабатывать и это то, что приносит мне доход и по сей день!

Не знаете, что делать дальше? - Вам нужна мотивация, за ней придет и творческое решение



Комментарии (20)

  1. Леонид Маланец:

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

    Ответить
  2. Николай Гижицкий:

    Спасибо за статью!

    Очень доходчиво.

    Взялся у себя редактировать страницу, да почему-то ничего не получается.

    Пробовал через админку — редактором, стягивал на комп, и уже там редактировал, после чего заливал обратно на сервер, но никаких изменений.

    Может то кеш браузера.

    Права посталил на файл правильные.

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

    В общем нужна помощь. Посмотрите мою страничку — напишите, что там да как.

    Ответить
    • Игорь Козлов:

      Светлаков собственной персоной. Нужно его уменьшить )) Большие размерчики.

      Ответить
      • Николай Гижицкий:

        Спасибо, Игорь!

        Значит страница видна другим пользователям.

        Интересно, почему же я не вижу!

        Подскажите, в чем проблема!?

        Ответить
        • Игорь Козлов:

          Потому что ссылки блога у вас — знак вопроса ровняется цифра ?=234, а вы ввели просто единицу после слеша.

          Ответить
          • Николай Гижицкий:

            Вот, вот она, моя не внимательность!

            Игорь, СПАСИБО Вам огромное.

            Образумили.

            Теперь и я все вижу!

            Постараюсь довести до ума страничку.

            Ответить
  3. Дмитрий Полезный:

    Вроде моя 404-я не такая уж и плохая, но после статьи все же внес некоторые коррективы.

    Ответить
    • Игорь Козлов:

      Возможно есть шаблоны, в которых она прилично выглядит, но обычно — очень скупо. У меня, правда, выпадание страниц, явление крайне редкое, так как ЧПУ не использую. А вот у кого транслит в адресной строке, любое переименование чревато последствиями, или перемещение страниц в другую рубрику.

      Ответить
  4. Андрей:

    Несомненно, весьма полезная инфа для блогеров. Но больше «умиляюсь» от подкастов. Подкасты — супер! Игорь, в этом жанре ты, безусловно — профи. Очень хотел бы получить у тебя консультацию по вопросам создания подкастов:

    программа, микрофон, обработка голоса и т.п.

    Если есть время и желание — отзовись.

    Кстати, тоже классный автор по теме юмора и анимэ — Вячеслав Доцоев, рекомендую.

    Ответить
  5. Александр:

    Это видео «толстый и тонкий» У Вас в каждой статье? 🙄

    Ответить
    • Игорь Козлов:

      Нет. Здесь было сначала опубликовано. Потом ещё добавил для примера, чтобы показать, что you tube его раскручивает. На блоге оно дало мало просмотров.

      Ответить
      • Александр:

        Оказывается у меня на блоге еще нет 404 страницы)))

        Ответить
        • Игорь Козлов:

          О, ты многое потерял ))

          Ответить
  6. Николай Чернов:

    Страница нужная и её нужно делать 100%

    У меня есть кое какие задумки в эту сторону, но не хватает навыков в фотошоп... Сейчас ограничился простой, но функциональной — она перенаправляет посетителей на карту моего блога.

    Всё времени не хватает заняться этим серьёзно!

    Ответить
    • Игорь Козлов:

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

      Ответить
  7. Галина Нагорная:

    Так интересно, Игорь! Я обязательно посмотрю на свою и попробую сделать красивую — с фотошопом я дружу. Мне очень понравилось дать ссылки на статьи, тем самым удерживать посетителя. Благодарю! 💡

    Ответить
  8. Игорь:

    Спасибо за статью...не могу в своем шаблоне найти файл с 404! Буду по вашим указаниям создавать для себя страницу ошибки! Большое спасибо автору, написано очень понятно что необходимо для новичка такого как я)

    Ответить

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

WordPress: 43.31MB | MySQL:51 | 0,791sec