Главная » Бизнес в Интернете

Как украсить страницу ошибки 404 на блоге

страница ошибки 404Продолжаем работать над нашим блогом WordPress. И поговорим о странице ошибки 404 на блоге, то есть о такой странице, адрес которой вбивают посетители, и получают сообщение об ошибке.

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

pro444.ru/net-takoy-stranicy

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

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

Делаем картинку

Для начала подготовим картинку. чтобы разместить ее на несуществующей странице. Открываем программу FSCapture, и делаем скрин горизонтального меню сайта. В программе Adobe Photoshop сближаем крайние элементы картинки: пункт меню Главная и Поиск по сайту.

Делаем разрыв ластиком, и снабжаем элементы поясняющими надписями со стрелками. Надписи следующие

  • Вы можете зайти на Главную
  • Попробуйте поискать в Поиске по сайту

картинка для страницы ошибки 404

Размещаете эту картинку у себя на хостинге, чтобы получить ее URL-адрес. К примеру, если Вы разместите ее на своем блоге в папке images, а название файла картинки 404.jpg, то URL-адрес картинки будет следующий:

http://vash-blog/images/404.jpg


Изменяем код

интересная страница 404

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

<img src="URL-адрес Вашей картинки"/>

прикольная страница 404Если у Вас будут трудности с оформлением кода, можете использовать программу Dreamweaver. Только отключите CSS в пункте Редактировать — Установки — Общие — Использовать CSS вместо тэгов HTML. Делаете свои надписи и ссылки, ставите картинки. А потом берете код, который расположен между тэгами <body> и </body>, и вставляете в код страницы ошибки 404 в редакторе блога.

Видео о том, как изменить страницу ошибки 404 на блоге WordPress


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

Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
    Подписаться на блог: Дорога к Бизнесу за Компьютером

Вам понравилась статья? Поделитесь, буду весьма признателен:


Также приглашаю добавиться в друзья в социальных сетях:

<< Предыдущая статья Следующая статья >>
Проголосуйте и поделитесь с друзьями анонсом статьи на Facebook:  

13 комментариев »

  • Сергей пишет:

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

  • Людмила Зайцева пишет:

    Очень интересная информация ошибки 404,обязательно применю.Большое спасибо тебе Александр !

  • Людмила пишет:

    Спасибо, Александр!Все собираюсь эту страничку оформить,а теперь с Вашими пояснениями наверняка сделаю!

  • Анна пишет:

    Александр, добрый день! Спасибо за прекрасную и прикольную информацию по странице ошибки 404. Интересно, но для меня пока сложно выполнить. Мне нужно ещё дорасти до таких шагов. Вот было бы здорово, если бы вы рассказали, как исправить ошибку 463. Она всё время появляется уже много, много раз у меня. Не знаю, как удалить или исправить. Может напишете пост и создадите видео по этой теме? Я думаю, что эта ошибка не только у меня. Ваша информация была бы полезна многим. Удачи вам и ЛЮБВИ!!!

  • Светлана пишет:

    Очень интересная информация. Со временем постараюсь использовать

  • Надежда Юдина пишет:

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

  • Олег пишет:

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

  • Галина пишет:

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

  • Александр пишет:

    Для сервера типа Apache должен быть файл у папки со страницами сайта и названием

    «.htaccess» и содержанием файла хотя бы:

    ErrorDocument 404 /?error=404

  • Михаил пишет:

    У меня код немного другой

    Theme Options -> Pages.

    *

    */

    Что сделать в моем случае?

    get_header(); ?>

  • Александр Ризун (автор) пишет:

    Михаил, Вы взяли фрагмент кода от хедера. Смотрите ниже.

  • Евгений пишет:

    Ух-ты! Интересная фишка. Стандарт уже затёрся, а с этим и покреативить можно. Сейчас украшу эту невзрачную страничку «404». Спасибо!

  • Александр Ризун (автор) пишет:

    Благодарю за отзыв, Евгений

Оставьте свой комментарий и ответный визит Вам обеспечен