Всё о WordPress,  Оптимизация сайта

Контактная форма на 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 комментария

  • Сергей

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

    • Геннадий

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

Оставить комментарий

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