Форма обратной связи 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.
Простой способ изменить фон для WordPress сайта!... Всем привет! Сегодняшняя статья будет наиболее интересна новичкам, которые...хотят изменить или установить фон для своего сайта/блога на WordPress, ведь в...ней я расскажу об одном быстром и простом способе сделать фон для своего...интернет-ресурса.
Всплывающие картинки в WordPress без плагина... Всем привет! Про то, как сделать всплывающие картинки в WordPress я уже писал в...одной из своих статей, но там речь шла о...применении специального плагина. Логично будет рассмотреть способ получения...аналогичного результата без установки дополнительных плагинов. Именно об этом мы...и поговорим в рамках сегодняшней статьи.

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

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

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

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

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