Контактная форма на WordPress без плагина

подписка на почтуСоздать этот небольшой пост меня побудило замечание нескольких моих читателей, которые сетовали на отсутствие контактной формы связи на моем блоге. Ранее такая у меня существовала и составлена она была на странице «Письмо для автора» с помощью специального плагина. Однако, плагин оказался достаточно тяжелым в загрузке и я его удалил, так использовал форму онлайн-связи от RedHelper и которой, к сожалению, у меня на сегодняшний день, нет.

Быстренько пробежавшись по ПС, я нашел информацию, где автор блога рассказал о том , как создается

Контактная форма на WordPress без плагина

Создать такую форму очень просто и сейчас я об этой несложной операции я расскажу.

Шаг первый

Для начала на хостинг нужно загрузить файл ( а если хост позволяет — создать его прямо на нем в корневой папке, перейдя в папку нужной темы,  например prt56.ru/wp-content/themes/skyhigh  — так это выглядит у меня.  Файл назовем form.php и вставим в него вот такой код:

<meta http-equiv=»Content-Type» content=»text/html; charset=UTF-8″ />
<?php
if (isset($_POST[‘name’])) {$name = $_POST[‘name’];}
if (isset($_POST[’email’])) {$email = $_POST[’email’];}
if (isset($_POST[‘sub’])) {$sub = $_POST[‘sub’];}
if (isset($_POST[‘body’])) {$body = $_POST[‘body’];}
$address = «mixajluta@yandex.ru«;
$mes = «Имя: $name \nE-mail: $email \nТема: $sub \nТекст: $body»;
$send = mail ($address,$sub,$mes,»Content-type:text/plain; charset = UTF-8\r\nFrom:$email»);
if ($send == ‘true’)
{
echo «Сообщение успешно отправлено»;
}
else
{
echo «Сообщение не было отправлено, проверьте пожалуйста правильность заполнения полей и попробуйте снова»;
}

Для настройки этого файла для своей контактной формы, вам будет нужно в коде лишь заменить e-meil (выделено красным) на свой адрес электронной почты — ту, на которую вы хотите получать письма с сайта.

Шаг второй

Теперь откройте в админпанели сайта страницу «Контакты» и т.п. ( а если такой нет — создайте) и в текстовом режиме (HTML), вставьте другой код —  код контактной формы:

<table align=»center» width=»600″ style=»border:1px solid #003333″><tr><td>
<table align=»center» width=»600″ style=»border:2px solid #003333″ ><tr><td>
<form action=»/wp-content/themes/skyhigh/form.php» method=»post» name=»MyForm»>
<br><input style=»width: 33%;» onfocus=»if(this.value==this.defaultValue)this.value=»;» onblur=»if(this.value==»)this.value=this.defaultValue;» type=»text» name=»name» value=»Ваше имя» /></br>
<br><input style=»width: 33%;» onfocus=»if(this.value==this.defaultValue)this.value=»;» onblur=»if(this.value==»)this.value=this.defaultValue;» type=»text» name=»email» value=»Эл. почта» /></br>
<br><input style=»width: 33%;» onfocus=»if(this.value==this.defaultValue)this.value=»;» onblur=»if(this.value==»)this.value=this.defaultValue;» type=»text» name=»sub» value=»Тема» /></br>
<br><textarea style=»width: 98%;» onfocus=»if(this.value==’Текст сообщения’){this.value=»};» onblur=»if(this.value==»){this.value=’Текст сообщения’}» name=»body» rows=»5″ cols=»1″>Текст сообщения</textarea></br>
<input type=»submit» value=»Отправить сообщение» />
</td></tr></table></td></tr></table>

Красным я выделил тот путь, который указывает на расположение файла в корневой папке. Мою тему skyhigh, вам нужно заменить на ту, которую вы используете в на данный момент. Если тему поменяете, то вам следует создать другой файл form.php, в другой теме и проделать аналогичную операцию, описанную выше, а в пути файла на странице контактной связи, указать название другой темы.

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

Шаг третий ( не обязательный, но желательный)

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

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

Вот и все: именно так, создается контактная форма на WordPress без плагина.

Удачи!

2 комментариев “Контактная форма на WordPress без плагина

  1. Сергей:

    Скажите, как в form.php вставить вот такой код
    <a href="" title=""> , чтоб в письме указывался заголовок записи, с которой отправлен был e-mail?

  2. Геннадий:

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *