Для борьбы с опечатками на сайте, владельцы часто прибегают к сторонним сервисам, позволяющим пользователям отправлять уведомления об ошибках администратору сайта. Что и говорить, популярный некогда сервис Orphus был установлен более чем на 10 тысяч сайтов.

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

Шаг 1: Создаем модальное окно вывода контактной формы

В отличие от обычных контактных форм, в нашей форме мы разместим только поле для комментария (сделаем его не обязательным) и кнопку отправить.

Кроме того, мы подготовили блок <div class=»orphus-text»></div> для вывода в нем текста с опечатками.

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

Шаг 2: пишем скрипт, для отлавливания события Ctrl+Enter

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

Если пользователь выделит текст и нажмет на Ctrl+Enter, появится модальное окно (если конечно вы еще выполните шаг 4).

 

Шаг 3: отправляем сообщение на почту администратора

Пропустим наше письмо через фильтр wp_mail_content_type, чтобы установить тип письма в формате HTML. Разместите код выше в файле function.php

Шаг 4: оформляем модальное окно

Делаем форму красивой.

На этом наш пост я завершаю. Осталось только разместить подходящий виджет на сайте, чтобы пользователи знали о возможности исправления опечаток. Если у вас есть какие-либо предложения по улучшению, пишите в комментариях!

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