amp-web-push-widget button.amp-subscribe { display: inline-flex; align-items: center; border-radius: 5px; border: 0; box-sizing: border-box; margin: 0; padding: 10px 15px; cursor: pointer; outline: none; font-size: 15px; font-weight: 500; background: #4A90E2; margin-top: 7px; color: white; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .amp-logo amp-img{width:190px} .amp-menu input{display:none;}.amp-menu li.menu-item-has-children ul{display:none;}.amp-menu li{position:relative;display:block;}.amp-menu > li a{display:block;} .icon-widgets:before {content: "\e1bd";}.icon-search:before {content: "\e8b6";}.icon-shopping-cart:after {content: "\e8cc";}

Categories: Дизайн сайта

Кастомизируем на WordPress 404

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

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

404page

404page – маленький плагин, который позволяет легко кастомизировать на WordPress 404. Скачиваем, устанавливаем и активируем. Затем переходим в пункт консоли «Настройки» и выбираем подпункт «404 error page».

Здесь всего одна настройка – список «Page to be displayed as 404 page», в котором необходимо выбрать страницу, которая будет появляться при ошибке 404. Если выбрать «none», то на WordPress 404 будет такой, как предусмотрено установленным шаблоном. В списке можно выбрать любую созданную страницу.

Custom 404 Error Page

Если вдруг первый плагин чем-то не понравился вам, то вот альтернатива ему с таким же функционалом – выбор любой страницы для отображения ошибки. После скачиваний, установки и активизации необходимо перейти в пункт «Настройки» и выбрать подпункт «Чтение».

Здесь множество настроек чтения, и в конце появиться список «Page for Error 404 (Not Found)». В нём и нужно выбрать, страницу 404 WordPress. Она должна быть создана заранее.

Создание страницы WordPress 404

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

Карта сайта. Если пользователь видит 404, то он потерялся. А потеряшкам нужна карта. Поэтому разместите на этой странице HTML-карту. Как её сделать, мы рассказывали тут.
Поиск. Поставьте форму поиска. Возможно, посетитель знает, что он хочет конкретно, и попытается найти это.
Дружелюбная картинка. Чтобы на WordPress 404 не напугала и не оттолкнула пользователя, разместите на этой странице дружелюбную, красивую картинку.
Ссылки на все главные страницы сайта. У пользователя должна быть возможность легко перейти с этой страницы на другие – главную, страницу рубрики, контактную форму.

Когда разметите все эти элементы на странице, перейдите в настройки одного из плагинов, о которых мы говорили выше, и выберите её в списке. Попробуйте набрать в браузере несуществующий адрес вашего сайта и проверьте.

Адель Гадельшин