Вид страницы 404

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

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

Задача

Итак, задача сделать понятную пользователю и оригинальную веб-страницу, которая выводится, если документ Joomla недоступен и отображает статус HTTP 404. Это в целом, в частности требуется:

  1. Оформить понятный заголовок,
  2. Прописать уникальный текст,
  3. Оставить видимую ссылку на главную страницу,
  4. Добавить поиск по сайту,
  5. Добавить, стимулирующую к жизни, картинку.

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

файл error.php шаблона

Реализация

Для реализации задачи нам потребуется добавить в папку image картинку и изменить файл error.php в папке используемого шаблона. В моём случае это файл error, находящийся по пути templates/protostar/. Подобный файл находится и в других шаблонах Joomla 3x, если у вас не Protostar, то замените error.php в вашем шаблоне.

код файла php

Стандартный файл error полностью изменён под наши нужды. На скрине видно, что под №1 идёт заголовок, №2 – это вставка стилей из шаблона Protostar, а блок №3 – это видимый текст на странице. Для удобоваримости я использовал заголовки h1 и h4 – так текст с помощью стилей CSS хорошо виден.

Блок №5 – это скрипт поиска по сайту от Яндекса, а подчёркивание №4 – это то место, где надо изменить домен.

Для корректной работы страницы ошибок загрузите картинку с именем 404-error.jpg в папку image, а также внесите следующие правки в файл error.php:

  1. Строку №2 оставьте, если вы используете шаблон Protostar, если другой, то гляньте в head кода ссылку на файл CSS,
  2. В блоке №3 можете проявить фантазию или оставить всё на месте, на работоспособности 404 страницы это не скажется,
  3. Замените на свой или удалите блок №5 – это скрипт поиска от Яндекса блога Zegeberg,
  4. Обязательно измените подчёркнутые строки №4 на свой домен.

В качестве поиска можно ставить скрипт Яндекса или Google, картинку также можете поменять на свою, не изменяйте только её название 404-error.jpg, иначе она не подгрузится. Можете поставить своего котика или фото конца свете, если не хотите подгонять размер, под указанные в стилях 704 на 498 px, то укажите свой размер.

После внесения изменений замените стандартный файл error.php в папке шаблона на изменённый файл. Для проверки наберите какой-либо левый url на сайте, оцените страницу ошибок и при желании подкрутите её оформление под свой кармический образ.

Итог

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

Скачать в архиве изменённый, как на скрине, файл error.php и картинку можно с блога Zegeberg по ссылке

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


Защитный код
Обновить