Контактная форма на 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 без плагина.

Удачи!

(Visited 34 times, 1 visits today)

2 комментария

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

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

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

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