Сышышь ты, выходи сюда,
поговорим !

Как сделать простую контактную форму для блогов на WordPress без использования плагинов

Опубликовано: 16.04.2018

видео Как сделать простую контактную форму для блогов на WordPress без использования плагинов

Всплывающая форма обратной связи для сайта WordPress

Здравствуйте, дорогие читатели блога. Сегодня я хочу рассказать Вам как сделать для блогов на WordPress простую контактную форму без плагинов.



Казалось бы ну зачем мучиться, если можно поставить самый обыкновенный плагин, который сам создаёт эту контактную форму :-) Например плагин Contact Form 7. Да, не спорю, отличный плагин, собственно он и у меня стоял. И Вы наверное спросите, зачем же я его убрал? А всё потому что он, оказывается, сильно грузит сервер (хостинг), таким образом и весь сайт не быстро загружается. Я честно не знаю почему из за него возникает нагрузка, но факт остаётся фактом.


WordPress. Как вставить форму обратной связи созданную в сервисе Google Form на блог

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

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


Создаем форму контактов плагином ContactForm 7

И так, теперь давайте начинать.

contact.php

Чтобы Вам было понятнее нам нужно создать файл  contact.php . Для начала создайте обычный текстовый документ на рабочем столе. Создали? Ок :-) Теперь нужно зайти в админку Вашего блога в внешний вид, затем в редактор и выбрать шаблон страницы (page.php).

Далее просто берёте и копируете полностью тот код который у Вас высветился, и затем вставляете в Ваш текстовый документ, который создали на рабочем столе. Не забудьте сохранить.

Теперь Вам нужно немного отредактировать тот код который находится в текстовом документе. Нужно найти вот эту строчку:  <?php the_content(); ?> и вместо её вставить Вот этот код:

<form id="contact" name="MyForm" action="<?php bloginfo('template_url'); ?>/sendmail.php" method="post"> <p><input id="nameinput" 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="Электронная почта" 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><textarea name="body" cols="1" rows="5" style="width:98%" onfocus="if(this.value=='Текст сообщения'){this.value=''};" onblur="if(this.value==''){this.value='Текст сообщения'}" >Текст сообщения</textarea></p> <p><input id="submitinput" class="submit" value="Отправить" type="submit" /></p> </form>

Это сама наша контактная форма, которая будет отображаться на странице.