Плагин обратной связи 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, а именно и на поле сообщения и на поле урлов и все остальные

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

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

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

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

    • Александр Ответить

      Да в некоторых темах это легко помогает, но другие напрочь рубят стили плагинов и подменяют их на свои. так что я бы не стал убеждать в 100% работоспособности этой версии изменения (адаптации) ширины текстового поля. так что если это изменение было в css темы, то да — все сходится

  2. Дмитрий Ответить

    Спасибо. Я Использовал в стилях такой вариант
    textarea {
    height: 100px;
    }
    и наконец-то я могу легко и быстро изменять ширину поля для сообщений не ковыряясь в коде и стилях каждой темы.

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

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