Contact form 7 настройка

Разберем плагин для создания форм на сайте wordpress.
С этим плагином легко создаются формы. Вот его официальный сайт там можно почитать все как ее устанавливать и т.д. А мы просто разберем поверхностно как создавать простую форму и чуть ее поднастроить

Создание формы

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

Например можно добавить чекбокс:

Добавит обязательно выбор чекбокса одного из трех с именами one two и three
И еще один добавим для выбора одного чекбокса

весь код »

Форму добавляется чере шорткод

Копируем его и вставляем в любую страницу и у нас выводится наша форма
Можно ее заполнять и отправлять, теперь чтобы настроить куда отправлять зайдем во вкладку Письмо в меню нашей созданой формы
Тут важно поле to и поле фром в поле to вводим мэйл на который нужно отправить письмо, а в поле фром указываем мэйл с которого отправляется письмо и в форме такой From <your mail> в скобках твой мэйл
И еще выше мы видим теги. Эти теги id полей, эти теги будут заменены информацией из поля. Например в самом письме можем так добавить

Massege Body »

Там где группа тегов они заменятся на несколько значений которые вы выберете.
Можно также файлы привязывать, для них в низу есть специальное поле, туда вставляем шорткоды полей добавления файлов.

[warning]Да тут была ошибка с я отправлял сообщение с одного и мейла на тот же самый, я с mail.ru отправлял и была в письме ошибка, Может у вас будет ошибка какая небудть, лучше наверно на один и тот же мейл с самого мейла не отправлять.[/warning]

В самом незу этот вкладки можно еще настроить второй мейл, например через него мы можем отсылать сообщение пользователю на его mail который от ввел в форме и сообщать ему что форма его отправлена или еще что то. Там внизу есть Письмо 2 Use mail 2. Там настраивается так же как и первое.

На вкладке уведомление при отправки формы, настраиваются сообщения которые будут выводится например об ошибка или еще что то, их можно перевести на любой язык или изменить

screen »

Дополнительные настройки не смотрел, читайте на офф сайте, там вроде можно javsScript как то прикручивать и еще что то делать, все это на офф сайте расписано

Изменение стиля формы

Можно стили добавить к вашей форме в общий файл сайта style.css добавив их в конец файла. А можно скачать плагин называется Contact From 7 style.  Устанавливаем его, там сразу идет несколько созданых стилей, можно использовать готовый какой то или добавляем новый. Определяем название классов у формы через Inspector браузера.

Добавляем новый, ставил галочку чтобы применился стиль к нашей форме.

Да еще можно добавлять классы и Id к нашим полям формы во вкладке где мы создаем шаблон формы

от здесь class:my_class это добавит класс class = » my_class» такую штуку. А дальше можно от этого класса изменять внутренние классы, например такой записью

.my_class .и какой то класс {} какой то класс это мы смотрим в инспекторе. Это обращение к внутреннему классу.

Да к стати чекбоксы они выводятся подтяд, бывает их нужно упорядочить в несколько колонок. От струкутра такая чекбоксов

НУ и стиль .my_class .two {}чтобы был в несколько колонок указываем ширину в процентах например для 3 колонок примерно 33% или даже 30%, не понятно че стили работают, если 50% указать, бывает на 2 колонки не делит, нужно указывать 48%, так же и при 33% может не поделить на 3 нужно указать 30%
И обтекание указываем flaw: left; и все у вас в несколько колонок появятся чекбоксы.

Да еще бывает свойства темы портят display блока <span> поэтому чтобы <span> вел себя как блоковый элемент нужно бывает указывать display: inline-block; Чтобы обтекались по бокам, потому что они ведут себя без этого бывает как блоки на некоторых темах

some style »

Еще один пример шаблона формы »