Разработка сайтов

Верстка, адаптивная верстка, программирование, разработка на WordPress

Contact Form 7 изменяем вид ошибок в форме

Привет всем кто зашел на мой блог, в первую очередь поздравляю всех девушек, мам, бабушек с международным женским днем, крепкого здоровья, радости и любви. И так к делу. Наверное все вебмастера которые работают с CMS WordPress знаю плагин Contact Form 7, ето хорошая штука для отправки сообщений, тоесть конструктор форм. В своих сайтах я постоянно его использую, так как етот плагин прост и не займет много времени на установку и внедрение в нужное место сайта. Про сам плагин напишу отдельный пост а сейчас расскажу о том как изменить вид ошибок когда пользователь нажал кнопку отправить и к примеру не ввел свою почту. Етот способ я использую постоянно когда создаю новый сайт. Вот как выглядит форма плагина по умолчанию:
Untitled-2
В Вашем случае форма может выглядеть чуть по другому так как у меня в файле style.css прописаны стили для input. Но суть не в том. Когда нажмем на кнопку отправить то увидем вот такие сообщения о ошибке:
ScreenShot 28
Етот момент в плагине мне очень не нравился, потому что дизайн ошибок в сайте который нужно было сделать совсем другой, и даже плизко непохож на него. Вот что нужно добавить в файл style.css Вашей темы:

В етом коде ошибки сделаны в стиле который мне подходил а Вы можете его изменить под свои нужды. Посмотрим скрин как теперь будет выглядеть форма с ошибками:
ScreenShot 29

Как по мне етот вариант намного привлекательней и понятнее для пользователя. Ну вот и все что хотел рассказать. Спасибо. На грамматические ошибки не обращайте внимания :).

  • Khodchenkov Evgeniy

    То, что искал! Спасибо!

  • Никита

    С первого раза подцепить не получилось, какие то траблы с css были. Когда перепробовал все варианты а так же плагины CF7 styler & CF7 customizer, опять наткнулся на твою статью и на этот раз получилось подцепить стиль.

    Просто огромное СПАСИБО !!!

    как мне кажется такой стиль впишется почти в любой дизайн сайта