Вы здесь
Главная > Мой блог > WEB-разработка > WordPress > WordPress форма без плагинов

WordPress форма без плагинов

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

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

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

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

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

Теперь в самое начало, для создания формы обратной связи нужно вставить код:

Сразу после этого кода нужно вставить другой код:

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

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

Для этого как вы знаете в админке WordPress нужно пройти страницы > добавить новую, здесь все как обычно заполняем заголовок, и вот самое главное с правой стороны есть поле атрибуты страницы:

Страница формы обратной связи

Страница формы обратной связи

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

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

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

Источник: http://webmastermaksim.ru

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

Top