Форма обратной связи WordPress без плагина

Привет всем читателям блога expromtom.ru!

В сегодняшней статье я расскажу о том, как сделать форму обратной связи WordPress без плагина.

Как я уже писал в статье про создание формы обратной связи WordPress плагином, наличие формы обратной связи на вашем ресурсе имеет очень важное значение. Свой блог я снабдил формой обратной связи почти сразу после создания, однако до сегодняшнего дня реализована она была с помощью плагина Contact Form. Сегодня я данное положение дел исправил, и теперь у меня форма обратной связи реализована без плагина с использованием кода html. Теперь я поделюсь своим опытом, как это сделать.

Создание формы обратной связи WordPress без плагина

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

Переходим к делу. Для начала в каталоге с вашей темой WordPress на хостинге (http://ваш сайт/wp-content/themes/название темы/) нужно создать файл с именем, к примеру, contact.php. Сделать это можно с помощью доступа к файлам сайта с использованием FTP-клиента, после чего вставить в данный файл (например, с использованием редактора notepad++) следующий код:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<meta http-equiv='refresh' content='5; url=http://ваш сайт/'>
<meta charset="UTF-8" />
<?php
if (isset($_POST['name'])) {$name = $_POST['name']; if ($name == '') {unset($name);}}
if (isset($_POST['email'])) {$email = $_POST['email']; if ($email == '') {unset($email);}}
if (isset($_POST['sub'])) {$sub = $_POST['sub']; if ($sub == '') {unset($sub);}}
if (isset($_POST['body'])) {$body = $_POST['body']; if ($body == '') {unset($body);}}
if (isset($name) && isset($email) && isset($sub) && isset($body)){
$address = "ваш email";
$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 "Сообщение отправлено, через 5 секунд Вы будете направлены на главную страницу, где сможете продолжить чтение блога <a href='http://ваш сайт/'>ваш сайт</a>";}
else {echo "Ошибка, сообщение не отправлено!";}
}
else
{
echo "Вы заполнили не все поля, необходимо вернуться назад!";
}
?>

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

После этого, как и в случае с созданием формы обратной связи с использованием плагина, создаем страницу «Обратная связь» , в которую (с использованием встроенного редактора WordPress в режиме ТЕКСТОВОГО редактора, не визуального) вставляем следующий код:

1
2
3
4
5
6
7
8
9
<h2>Связаться со мной</h2>
<form name="form" action="/wp-content/themes/название темы/contact.php" method="post">
<p><input class="input" name="name" type="text" style="width:31%" value="Ваше имя" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" /></p>
<p><input class="input" name="email" type="text" style="width:31%" value="Ваш email" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" /></p>
<p><input class="input" name="sub" type="text" style="width:31%"value="Тема сообщения" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;" /></p>
<p>Текст сообщения:</p>
<textarea name="body" cols="1" rows="5" style="width:90%" /></textarea></p>
<p><input value="Отправить" type="submit" /></p>
</form>

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

Форма обратной связи WordPress без плагина

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

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

На этом все, подписывайтесь на обновления моего блога, чтобы быть в курсе выхода новых статей!

С уважением, Владимир Денисов!

Также стоит прочитать:

Красивая форма подписки feedburner для WordPress... Всем привет! Сегодня поменял внешний вид формы подписки на обновления моего...блога, реализованной через такой сервис Google, как feedburner. Именно по этой...причине в данной статье я расскажу о создании красивой формы подписки feedburner...для WordPress.
Картинки в комментариях. Плагин Comment Images... Здравствуйте, читатели моего блога! Речь в данной статье пойдет о плагине для...WordPress, который позволяет вставлять изображения в комментарии. Разумеется,...это не единственный способ выполнения данной операции, ведь уже размещенное в...интернете изображение можно вставить в комментарий с использованием ссылки не...него. Однако, для этого изображение должно быть размещено в интернете, а...какое-либо стороннее изображение, к примеру, с жесткого диска вашего компьютера,...добавить не удастся. В этом случае на помощь приходит плагин.
Галерея изображений стандартными средствами WordPr... Всем привет! В сегодняшней статье я хочу затронуть вопрос создания простой...галереи изображений для WordPress стандартными средствами данной CMS.

Комментарии 1

  • Все работает, настраивается быстро, но приходят письма с кривого адреса и все в спам, плюс можно было бы еще капчу добавить

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

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.