Настройка ширины Contact Form 7

В этом посте продолжу рассказывать о хитростях и настройках движка вордпресс и его плагинов. Ранее уже писал о том как оптимизировать h-теги в WordPress, как редактировать облако тегов вручную, как убрать хлебные крошки (от плагина Breadcrumb NavXT) на главной и т.д.

Здесь речь пойдет о том, как настроить ширину полей в плагине Contact Form 7. Это пригодится для того чтобы подобрать оптимальный вид формы связи, чтобы ничего не вылазило и смотрелось гармонично.

Заходим в настройки плагина и видим код, в котором определяется как будет выглядеть форма связи. По умолчанию он выглядит так:

1
2
3
4
5
6
7
8
9
10
11
12
13

<p>Ваше имя (обязательно)<br />
    [text* your-name] </p>
 
<p>Ваш E-Mail (обязательно)<br />
    [email* your-email] </p>
 
<p>Тема<br />
    [text your-subject] </p>
 
<p>Сообщение<br />
    [textarea your-message] </p>
 
<p>[submit "Отправить"]</p>

Оказывается настроить ширину полей можно прямо в этом коде, в очень удобной форме:

1
2
3
4
5
6
7
8
9
10
11
12
13

<p>Ваше имя (обязательно)<br />
    [text* your-name 50/100] </p>
 
<p>Ваш E-Mail (обязательно)<br />
    [email* your-email 50/100] </p>
 
<p>Тема<br />
    [text your-subject 50/100] </p>
 
<p>Сообщение<br />
    [textarea your-message 100x30] </p>
 
<p>[submit "Отправить"]</p>

где 50/100 - это ширина поля и максимальное количество символов в нем. Можно поэкспериментировать и подобрать оптимальные значения. 100x30 - это ширина поля и высота.

Настраивать поля таким способом весьма удобно и просто :)