Как настроить ширину поля для ввода текста в плагине Contact Form 7

При работе с плагином Contact Form 7 (Контакт форм 7) для WordPress (Вордпресс) очень сложно настроить ширину поля для ввода текста (форма textarea your-message или для произвольной textarea). Как правило, ширина устанавливается в соответствии с заданными параметрами разработчика плагина. Либо с параметрами шаблона темы. Если попытаться поменять ширину текстового поля в настройках самого плагина, то они автоматом распространятся на все формы связи, которые у вас на сайте организованы через contact form 7. Ну и, при очередном обновлении плагина настройки слетят.

На мой взгляд, самый оптимальный вариант установить ширину текстового поля в форме обратной связи можно с помощью присвоения этому элементу класса. Например: class: contactmessage. А потом прописать стили для этого класса, допустим: width: 85%.

Итак, как задать ширину текстового поля textarea в плагине Контакт форм 7:

1. В файл с таблицами стилей (css) вашей темы добавляем стиль для атрибута, который мы присваиваем элементу формы:

.contactmessage {
width: 85%;
}

2. Далее, в шаблоне самой формы обратной связи в квадратных скобках тега текстовой области добавляем указанный класс:

 [textarea your-message class: contactmessage]

Вот как это выглядит:

shirina-tekstovoj-oblasti

Как настроить ширину полей для ввода имени, номера телефона, адреса (e-mail) в плагине Контакт форм 7:

Установить ширину полей: text* your-name, email* your-email, tel tel-000 и т.д. в плагине Contact Form 7 очень просто и применимо практически во всех шаблонах WordPress. Для этого нужно указать в квадратных скобках тега значения X и Y, где X — длина поля, а Y — количество символов допустимых для ввода в это поле. Например:

[text* your-name 24/40]

Вот и все дела - просто и сердито :))) Если кто-то знает более приятный способ, делитесь в комментариях. Удачи в сайтостроении!

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