Cforms II — плагин для создания форм

Итак, сегодня мы рассмотрим удобный плагин для создания форм в wordpress – cformsII. Преимущества данного плагина в том, что у него гибкие настройки:

• Внешний вид. Благодаря таблице стилей, внешний вид форм может быть таким, каким вы его хотите видеть. Кроме того, что вы сами можете настраивать размер, цвет шрифта, цвет самой формы, ее размеры и т.д., в плагине есть возможность выбора шаблонов визуального отображения ваших форм.
• Функциональность. Нужна простая форма обратной связи? В этом поможет cforms. Есть надобность в сложной форме, например регистрации или заказа товара? То и в этом случае cforms незаменимый помощник. Этот плагин может справиться с формами любой сложности.
• Общие настройки плагина. Настройки отправления сообщений, отправления файлов через форму, перенос с локального сервера на реальный сервер, создание бэкапа настроек форм и многие другие функции просты в настройке и интуитивно понятны.
• Еще о плюсах. Наличие таких возможностей, как редирект на нужную страницу, после отправления сообщения, защита от спама (capcha), копирование форм, установка маркера «обязательное поле» не могут не порадовать веб-разработчика.

Давайте, сейчас рассмотрим работу этого плагина.

Для начала необходимо скачать cforms2. По этой ссылке вы можете скачать архив, который затем распаковываете на своем компьютере. В итоге получаем три папки с файлами: cforms, patch, rus.
Папку cforms (не ее содержимое, а всю папку целиком) копируем в корневую директорию вашего сайта /wp-content/plugins/. Сюда же копируем из папки rus файл cforms-ru_RU.mo. А затем, уже внутрь папки cforms, вот по этому пути — /wp-content/plugins/cforms/js/langs., копируем второй файл из папки rus – ru.js. Вот так мы руссифицировали наш плагин.
Идем в админ-панель нашего сайта и активируем плагин.

После того, как мы активировали наш плагин, возвращаемся к установочным файлам и все файлы из папки patch забрасываем в папку cforms (путь — /wp-content/plugins/cforms).
Теперь смело переходим непосредственно к плагину. После его активации, в админ-панели слева появляется новый пункт меню Формы cforms.

(изображения кликабельны)

Нажимаем на него и переходим к настройкам и созданию формы. Вот так выглядит рабочий интерфейс плагина cforms. И изначально он имеет лишь одну форму по умолчанию, под названием Your default form .

Здесь же есть кнопка «Добавить новую форму», жмем на нее и даем название нашей новоиспеченной форме.

По умолчанию форма содержит пять строк-полей, но в наших силах добавить столько строк, сколько необходимо (под полями формы есть функция «добавить», можно добавить всего одну строку. а можно и сразу несколько, указав где они должны быть расположены). Каждому полю мы даем название, располагаем в том порядке, который необходим, указываем тип поля (можно ли писать в поле или оно предназначено только для чтения, устанавливаем радио-кнопки или чек-боксы и т.д.).

Теперь пройдемся по пунктам меню и их настройкам.

И сначала рассмотрим возможности пункта «Настройки формы». Настройки этого раздела находятся непосредственно под формой.

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

«Настройка сообщений, текстов и кнопок» - здесь вводите те фразы, которые пользователи должны будут увидеть во время и после отправки сообщения или комментария.

«Настройки получения писем» — название этой вкладки говорит само за себя: вписываете тот адрес, на который хотите получать уведомления о комментариях и сообщениях. В этой же вкладке можно воспользоваться функцией редирект, либо спрятать форму после отправки сообщения.

Теперь коснемся следующего пункта меню - «Общие настройки» :

Вкладка «WP форма-комментарий — настройки» позволяет добавить дополнительные возможности для формы комментариев.

«Настройки отправки файлов через формы» - если вы создали форму, которая поддерживает возможность передачи файлов, то в этой вкладке вы можете прописать те фразы, которые будет выходить пользователям при ошибке загрузки файла.

«Настройка CAPTCHA (защита от спама)» — установить защиту на сообщения просто, а настроить нашу captchu еще проще: фон, размеры, шрифт, загрузка собственных картинок — все это есть именно в этой вкладке.

«Настройка защиты от спама (вопрос-ответ)» — еще один вариант защиты от спама, но уже не используя картинку (captcha), а устанавливая вопрос, на который пользователь должен будет написать ответ. По умолчанию вопросы написаны на английском, но ничего не мешает нам их либо перевести, либо стереть и написать свои, не забывая при этом использовать именно ту форму написания, которую задали разработчики.

«Запись в базу данных» — весьма полезная функция, которая включает в себя функцию сохранения всех отправленных данных через формы в базу данных (создаются дополнительные таблицы в базе данных).

«Бэкап всех настроек cforms» — без этой функции переезд на новый хостинг, либо коренной редизайн вашего сайта могут принести лишние хлопоты — создание форм с самого начала. А используя эту замечательную вкладку, можно спокойно сделать бэкап всех настроек ваших форм одним щелчком мыши, а затем таким же образом восстановить формы на новом сайте.

Что касается внешнего вида форм, то в этом поможет пункт меню под одноименным названием «Внешний вид».

Как уже упоминалось выше, плагин содержит в себе порядка 20 шаблонных стилей, так что если вы не дружите с таблицами стилей (CSS), то вас выручат эти шаблоны, которые отличаются и по размеру и по цвету и дизайн у них имеет свои отличительные черты. Ну, а для тех, кто с CSS «на ты», правка внешнего вида покажется простым развлечением: настраиваем ширину полей, размер и стиль шрифта, цвет полей и шрифта и т.д.

И надо помнить о главном: при любых манипуляциях с настройками, если мы хотим, чтобы они сохранились, не забываем нажимать кнопку «Сохранить». Проделывать эту операцию надо для каждой вкладки отдельно.

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

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

Кликаем на этот значок и cforms предлагает выбрать ту форму, которую мы хотим разместить на этой странице. Выбираем из списка нашу форму и нажимаем кнопку Insert. Все, форма успешно размещена на странице! Правда, мы ее толком и не видим, так как в редакторе она отображается в виде одной строки, но на самом сайте будет видна полноценная и функционирующая форма.

Удачи вам в создании и настройке ваших форм! :)

P.S. 17.04.2013. Свежую версию Cforms можно скачать здесь.