Здравствуйте, читатель! Основополагающей идеей блога является общение с его читателями. Это реализуется с помощью комментариев, электронной почты, реже ICQ или Skype (для этих целей советую завести отдельные аккаунты ICQ и Skype). Для удобства пользователей на блоге часто создается, так называемая, форма обратной связи WordPress, используя которую пользователь, не уходя с вашего интернет ресурса, может создать и отправить сообщение вам по электронной почте.
Настоятельно не рекомендую оставлять на своем блоге в явном виде адрес своего email, потому что по сайтам гуляют боты в поисках подобных адресов email для спама. Многие, записывая адрес электронной почты, заменяют символ @ на слово «собака». Более элегантный способ — это использовать форму обратной связи защищенную капчей, в которой email скрыт в скриптах php и не показывается в явном виде.
Капча (captcha) — это автоматизированный тест, предназначенный отличить человека от компьютера. Когда вы на сайте вводите символы с картинки, расставляете в правильном порядке фигурки или выполняете другие подобные простые задания — это и есть капча.
WordPress первоначально не имеет средств создания подобного рода связи, поэтому для выполнения этой цели рекомендую использовать два плагина: Contact Form 7 и Really Simple CAPTCHA. Результат их работы можно посмотреть на моем блоге — напиши мне!.
Установка и настройка плагинов Contact Form 7 и Really Simple CAPTCHA
Я думаю, по названию плагинов вы догадались, что один отвечает непосредственно за создание формы обратной связи WordPress, а другой за капчу, для ее защиты. Поэтому последовательно установите плагин Contact Form 7 и Really Simple CAPTCHA и только потом приступайте к их настройке.
С установкой плагинов проблем возникнуть не должно. Скачайте последние версии и , распакуйте архивы, загрузите папки с файлами плагинов на ftp в директорию wp-content/plugins (для этого воспользуйтесь ftp клиентом FileZilla) и активируйте в разделе «Плагины» админки WP.
Для настроек Contact Form 7 создается отдельный раздел в панели администратора WordPress, который называется Контакты (CF7). Плагин Really Simple CAPTCHA не имеет отдельных настроек, он просто встраивается в Contact Form 7.
Первая опция настроек отвечает за формирование html кода, который вы будете вставлять на страницу блога. По умолчанию заголовок такой: «Форма для контакта 1». Можете поменять на более симпатичный, например «Напиши мне!».
Форма. Сюда необходимо вставлять генерированные в правом столбце теги. Вставляйте их последовательно так, как хотите видеть их в форме обратной связи. По умолчанию в ней присутствуют поля: Имя отправителя, email отправителя, тема сообщения, поле для самого сообщения и кнопка «Отправить». Для большинства блогов этого вполне хватит. Остается только добавить капчу, чтобы обезопасить почту от спама.
Нажмите на кнопку сгенерировать тег и в выпавшем списке выберете нужный. Рассмотрим на примере создания капчи.
Имя — вполне можете оставить заданное имя.
Настройки изображения:
- id, class — идентификаторы, предназначенный для создания стилей. Заполнять необязательно.
- Цвет переднего плана и цвет фона — цвет задается html кодом. Подберите цвета так, чтобы символы были различимы на странице сайта. Задавать необязательно, если вас устраивает ее стандартный вид.
Размер картинки (необязательно). Я выбрал большой размер, чтобы ее лучше было видно.
Настройки поля ввода:
- id, class — аналогично рассмотренным выше, только теперь они добавляются к тегу поля ввода, а не к картинке с капчей;
- size (необязательно) — размер поля, фактически его высота;
- maxlength (необязательно) — максимальная длина поля ввода.
Остается скопировать два сформированных html кода, которые отвечают за изображение и поле ввода, в поле слева.
Помимо капчи в форму обратной связи WordPress можно добавить еще с десяток разных функциональных кнопок, полей, флажков, радиокнопок и так далее. Но суть остается та же: выбираете тег, который хотите сгенерировать, настаиваете его, получаете html код, который вставляете в форму слева.
В качеств примера приведу код, используемый на моем блоге:
<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>Введите символы с изображения:<br /><br /> [captchac captcha-291 bg:#96888 size:l]<br /> [captchar captcha-291] <p>[submit "Отправить"]</p> |
Адресат. В поле адресат укажите email, на который будут приходить письма, отправленные с помощью этой формы обратной связи. Можно использовать и второй адресат, чтобы продублировать письмо на другой email. Поля «Отправитель» и «Тема» без причины можете не трогать.
Сообщения. Определяет сообщение, которое увидит пользователь, если произойдет указанное выше событие. Пробегитесь глазами и откорректируйте, если какое-то сообщение вас не устраивает.
Не забудьте сохранить все изменения — кнопка «Сохранить» располагается в первом разделе настроек слева. Создайте страницу WordPress и скопируйте на нее полученный html код формы обратной связи (только используйте для этого не визуальный, а html редактор WP). Код будет иметь примерно такой вид:
[contact-form-7 id="8" title="Обратная связь"] |
Проверьте работоспособность, отправив себе письмо.
На этом все. Спасибо за внимание! Подписывайтесь на мою . Берегите себя!
Консультация по Skype
