Плагин обратной связи Contact Form 7

Настройка ширины текстового поля в Contact Form 7Как многие оптимизаторы сайтов, я столкнулся с проблемой настройки ширины полей ввода в контактной форме для вордпресс Contact Form 7. По ширине полей имя, телефон, почта — прекрасно срабатывает метод указания размеров непосредственно при редактировании формы, а именно —  в квадратных скобках тега добавляем х/у, где х — длина поля, а у — количество символов допустимых для ввода в это поле (пример [text* your-name 30/50]) . К сожалению в Contact Form 7 такой метод не работает при с полем текстового сообщения или textarea your-message. Хорошо, когда форма располагается на странице — тут проблема ширины поля сообщения не так очевидна, но часто возникает необходимость поместить форму в боковую колонку, в которой ширина четко ограничена и поле сообщения contact Form 7 вылезает за границы основного тела сайта. На общий алгоритм работы формы связи Contact Form 7 — это никак не влияет, но визуально выглядит не очень хорошо.

Настраиваем ширину текстового поля в форме связи Contact Form 7

У плагина Contact Form 7 имеется вкладка опции в основном меню плагина, но как ни странно настройки из TablPress  в моей теме прекрасно передают стиль на контактную форму.  Перейти туда можно из меню администратора вордпресс. По умолчанию поле ввода стилей не заполнено. именно в него нужно вписать стиль, который нам нужен.

Настрока ширины текстового поля в Contact Form 7

textarea {
width: 90%;
}

Не забываем сохранить и после обновления страницы наше поле для ввода текстового сообщения примет вполне приличный вид.Изменение ширины поля ввода сообщения в Contact Form 7 вордпресс
Настройка ширины полей ввода текста Contact Form 7 через редактор плагина

Кому не хочется ставить отдельный плагин и есть возможность отредактировать ширину полей через файлы contact-form-7/modules/textarea.php — ищем строку $atts[‘cols’] = $tag->get_cols_option( ’40’ ); и методом подбора выставляем нужное значение для textarea и в файле contact-form-7/modules/text.php в строке $atts[‘size’] = $tag->get_size_option( ’40’ ); выставляем ширину для полей text, email, url, tel. найти эти файлы можно по пути — консоль, плагины, редактор и выбрать contact form 7 из выпадающего списка

Одно но — все эти настройки автоматом распространятся на все формы связи, которые у вас организованны через contact form 7, а именно и на поле сообщения и на поле урлов и все остальные

4 comments on “Плагин обратной связи Contact Form 7”

  1. Анастасия Ответить

    Сделала иначе. В файл с таблицами стилей темы добавила:
    .contactmessage {
    width: 100%;
    }

    В шаблоне самой формы так: [textarea your-message class:contactmessage]

Есть что сказать по этому материалу?

Ваш e-mail не будет опубликован. Обязательные поля помечены *