Bootstrap for Contact Form 7 v1.4.8

Bootstrap for Contact Form 7 изменяет весь вывод популярного плагина Contact Form 7, чтобы он был полностью совместим с текущей версией 3 популярного CSS-фреймворка Bootstrap. Что это значит для вас как пользователя Bootstrap: никаких дополнительных правил CSS не требуется - отныне Contact Form 7 легко интегрируется с общим дизайном Bootstrap. Можно даже использовать различные макеты форм на вкладке "Дополнительные настройки" Contact Form 7.

Этот плагин является дополнением к контактной форме 7.

Плагин требует активации Contact Form 7, иначе он ничего не изменит. Кроме того, вам следует использовать его вместе с темой WordPress на основе Bootstrap, иначе формы могут выглядеть странно (и в любом случае не будет никакого смысла использовать это дополнение).

Применение

Bootstrap for Contact Form 7 сам по себе не предоставляет дополнительных опций, поэтому вы можете продолжать использовать Contact Form 7 (почти) так же, как и раньше.

Плагин не нарушит внешний вид вашей формы, однако рекомендуется настроить шорткоды контактной формы для достижения идеальных результатов: как правило, вам больше не следует использовать HTML-теги для переноса шорткодов полей. Они уже включают полную разметку, готовую к использованию Bootstrap, включая отображение меток. Прочтите Руководство по установке для быстрого ознакомления.

Расширенные функции

Плагин предоставляет некоторые дополнительные полезные функции, которые еще больше улучшат ваши формы:

- макет формы можно изменить на горизонтальный или встроенный

- размер ввода формы можно изменить глобально

- Флажки и группы переключателей могут отображаться по одному в строке, в строке или в виде кнопок Bootstrap.

- текстовые поля и текстовые области поддерживают функцию группы ввода Bootstrap для добавления контента до или после них.

- текстовые поля и текстовые поля могут отображать количество символов (короткий код [count] из контактной формы 7) в строке.

- в поле ввода капчи может отображаться встроенное изображение капчи.

- используя параметры GET в URL-адресе контактной формы, можно заранее определить значения полей.

Вышеупомянутые функции подробно описаны на странице "Другие примечания".

Основная идея плагина

Многие темы WordPress основаны на Bootstrap - и хотя это общий подход к использованию правил CSS для стилизации вашего HTML-контента, возможно и наоборот - со многими преимуществами.

При использовании известного фреймворка, который предоставляет общие стили для всех важных компонентов веб-сайта, применение тех же стилей к сторонним плагинам, которые (очевидно) не были написаны с учетом фреймворка, может занять много времени. Это совершенно нормально, но если вы используете Bootstrap для своей темы WordPress, вам наверняка понравится тот факт, что вам больше не нужно писать правила CSS для плагина Contact Form 7. С самого начала все это будет выглядеть как Bootstrap, чтобы вписаться в дизайн вашего сайта. Если вы не используете Bootstrap, этот плагин для вас бесполезен - но, возможно, у вас просто есть идея, как можно настроить другой популярный плагин WordPress для интеграции с другой хорошо написанной платформой CSS.

Расширенные функции

Дополнительные настройки

Здесь вы найдете дополнительные настройки, которые являются частью плагина Bootstrap for Contact Form 7. Если вы хотите узнать больше о дополнительных настройках оригинального плагина Contact Form 7, посетите эту страницу.

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

- макет - настраивает макет формы (обратите внимание, что в большинстве случаев встроенной форме потребуется дополнительное оформление, чтобы она выглядела хорошо); допустимые значения: "по умолчанию", "встроенный", "горизонтальный"; значение по умолчанию: "по умолчанию"

- размер - регулирует размер всех полей ввода; допустимые значения: "по умолчанию", "маленький", "большой"; значение по умолчанию: "по умолчанию"

- group_layout - регулирует расположение флажков и радиогрупп; допустимые значения: "по умолчанию", "встроенные", "кнопки"; значение по умолчанию: "по умолчанию"

- group_type - регулирует цвет флажков и радиогрупп с расположением кнопок; допустимые значения: "по умолчанию", "основной", "успех", "информация", "предупреждение", "опасность"; значение по умолчанию: "по умолчанию"

- submit_size - регулирует размер кнопки отправки; допустимые значения: "по умолчанию", "маленький", "большой" или пустая строка, чтобы заставить ее иметь размер, определенный в свойстве формы размера; значение по умолчанию - пустая строка

- submit_type - регулирует цвет кнопки отправки; допустимые значения: "по умолчанию", "основной", "успех", "информация", "предупреждение", "опасность"; значение по умолчанию: "основной"

- require_html - настраивает вывод HTML для добавления к меткам обязательных полей; допустимые значения: любой вывод HTML; значение по умолчанию: <span class="required">*</span>

- Grid_columns - позволяет переопределить общее количество столбцов сетки Bootstrap (возможно, вам потребуется настроить это, только если вы используете пользовательскую версию Bootstrap); допустимые значения: любое целое число больше 1; значение по умолчанию: 12

- label_width - регулирует ширину метки формы (применяется только к горизонтальному расположению); допустимые значения: