Как создать страницу 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 коды, там редактируем.

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

Ищите в 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! Буду по вашим указаниям создавать для себя страницу ошибки! Большое спасибо автору, написано очень понятно что необходимо для новичка такого как я)

    Ответить

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

Ваш адрес email не будет опубликован.