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

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

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

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

contact.php

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

Теперь Вам нужно немного отредактировать тот код который находится в текстовом документе. Нужно найти вот эту строчку: и вместо её вставить Вот этот код:

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

Теперь посмотрите, что у меня получилось с новым contact.php:

< ?php /* Template Name: Contact */ ?> < ?php get_header(); ?>

Вставили код? Поздравляю. Теперь ещё раз сохраняемся и переименовываем текстовый документ на contact.php.

sendmail.php

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

Сейчас нужно опять создать текстовый документ и затем вставить в него вот этот код:

< ?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 = "[email protected]"; $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 "Сообщение не отправлено! Что то не так.."; } ?>

Данный код будет отправлять сообщения на Ваш почтовый ящик, главное не забудьте в строке $address = «[email protected]»; вставить Ваш почтовый ящик.

Не забываем переименовать наш текстовый документ на sendmail.php

Установка

После вышеперечисленных действий у нас получились 2 файла, это sendmail.php и contact.php. А вот теперь нам нужно их скинуть в папку с шаблонов блога WordPress. Это можно сделать через Ваш хостинг аккаунт или через файловый менеджер через ftp, как Вам будет удобно.

Подробнее заходим в корневую папку хостинга, далее в wp-content, затем в themes, ищем название нашего шаблона, открываем и скидываем туда файлы формы.

После того как все файлы скинуты, нужно зайти в админку блога, потом страницы и выбираем добавить новую.

Тут как обычно вводим заголовок, например «Контакты». Теперь переводим глаза в правую сторону монитора и ищим блок под названием «Атрибуты страницы»

И в поле «Шаблон» выбираем Contact.

Мы зададим ей простые стили CSS, чтобы немного преобразовать её.

CSS

Чтобы контактная форма стала красивее, скопируйте вот этот код в стили Вашего шаблона:

/* Контактная форма */ #contact label { display:block; padding:5px 0; } #contact input, #contact textarea { border:1px solid #ddd; padding:8px; width:300px; margin-bottom:10px; -moz-border-radius:4px; -webkit-border-radius:4px; } #contact textarea { width:560px; font-family:Arial, Helvetica, sans-serif; font-size:13px; } #contact input.submit{ border:none; width:160px; margin-top:10px; cursor:pointer; color:#333; border-radius:5px; border-bottom:2px solid #ccc; font-size:13px; color:#777; background: #ebebeb; margin:3px; padding:5px 5px 7px; -moz-transition: all 0.2s 0.01s ease-in; -o-transition: all 0.2s 0.01s ease-in; -webkit-transition: all 0.2s 0.01s ease-in; } #contact input.submit:hover{ color:#fff; background-color:#FF6766; border-bottom:2px solid #999; }

Вот и всё. Чтобы посмотреть наглядный пример, Вы можете зайти на мою .

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

Вот и всё, друзья, до скорых встреч.

Вы знали, что 60% пользователей покидают сайты с плохим дизайном? Зачем терять прибыль? Выберите и установите прямо сейчас один из самых лучших премиум Wordpress шаблонов для сайта. Идеальный выбор для вашего бизнеса!

Вы решились создать сайт, но не понимаете, какое решение стоит выбрать? У вас нет никакого опыта в этом? Это неудивительно и ничего страшного в этом нет. Большинство неподкованных в сфере разработки пользователей хотят получить сайт с наименьшими усилиями, не вдаваясь при этом в детали. Порой они даже согласны потратить чуть больше, доверив разработку сайта веб-агентству. Но знали ли вы, что все можно сделать по-другому? Что можно, не особо напрягаясь, сэкономить, создав , и получить при этом полноценный веб-сайт? Камнем преткновения для многих, кто предпочитает такой способ разработки, являются плагины. Но ведь можно создавать сайт WordPress без плагинов, и это довольно просто.

Плагины – это специальные модули, которые встраиваются в вашу тему и сайт, предоставляя дополнительный функционал. Казалось бы, что может быть плохого? Почему многие пользователи предпочитают создавать сайт WordPress без плагинов и вообще стараются избегать использования каких-либо плагинов и дополнений? Правильно это или нет вопрос непростой. Многое зависит от личных предпочтений и нужд конкретного пользователя. Но это не единственная причина, почему люди отказываются от плагинов в пользу готовых решений «все в одном».

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

WordPress без плагинов: Как создать полнофункциональный сайт на WordPress?

Преимущества плагинов:

— возможность серьезного расширения функциональных возможностей;

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

— широкое разнообразие плагинов и варианты выбора;

Существуют плагины для быстрого построения сайта, красивых анимаций, шрифтов, SEO, безопасности, повышения скорости и других задач.

Вопрос использования плагинов тесно связан с шаблонами. Дело в том, что многие бесплатные шаблоны включают в себя определенный набор скудных функций, и их может быть недостаточно для полноценной работы сайта. Тут-то и приходится задумываться о том, чтобы устанавливать плагины. А стоит ли это делать с учетом всех минусов плагинов? Однозначно ответить на этот вопрос довольно сложно, но я скажу так – главное знать меру. Использовать десятки плагинов чревато последствиями в любом случае, даже если вы пользуетесь премиум плагинами.

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

Какой бы сайт вы ни намеревались создать (блог, онлайн-журнал или сайт СМИ), с темой Publisher у вас это получится проще всего. Она достаточно новая и популярная. Ей доверяют, иначе ей не удалось бы достигнуть рейтинга 4.8/5.

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

Классные темы WordPress для онлайн-журналов и сайтов СМИ можно найти .

The Ark – профессиональная тема для фрилансеров

В эту красивую тему встроен мощный функционал. Вполне логично для решения с самым высоким рейтингом и количеством продаж, созданного менее года назад. С шаблоном The Ark вам не нужно использовать плагины, ведь у вас для разработки будет 800+ готовых объектов, библиотека цветов, редактор слоев заднего фона и AJAX-функция быстрого сохранения. 300+ страниц с уникальным дизайном и возможностью импорта.

С этой темой можно создавать бизнес-сайты, авторитетные блоги, интернет-магазины, лендинги и маркетинговые страницы. Какой бы вариант вы ни выбрали, ваш макет будет мобильно-адаптированным.

Werkstatt – творческое портфолио для специалистов широкого профиля

Будь вы фотограф, фрилансер, дизайнер интерьера или владеете собственной веб-студией, с темой Werkstatt вы получите целый набор крутых функций. У вас будут готовые страницы для представления работ в портфолио, постраничная навигация WordPress без плагина, фильтр работ, несколько стилей оформления блога и красивые шрифты Google и Adobe.

Наличие полезных функций не лишает вас возможности расширить функционал с помощью плагинов, в частности Visual Composer, WooCommerce и WPML.

Также смотрите на нашем сайте многофункциональные темы для и качественного .

Stack – многоцелевая тема WordPress + галерея WordPress без плагина

В тему встроены красивые иконки и крутой конструктор сайта Variant, главным отличием которого от других является чистый код без чрезмерного увеличения.

Для разработки можно использовать 150 готовых демо-тем для различных сфер деятельности и 280+ интерфейсных блоков. Доступно несколько стилей навигации и ленты социальных сетей. Красивые галереи Masonry с эффектом лайтбокса (последний использует плагин).

ListingPro – тема каталога и директории на WordPress

Если вам нужен сайт директории или каталога чего бы то ни было, тема ListingPro это именно то, что надо! Интеллектуальная система поиска объектов с расширенными фильтрами придется по душе вашим посетителям. При поиске работает функция автозаполнения и рекомендации близлежащих городов. Есть возможность приема автоматических платежей за использование сайта.

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

Теперь вы знаете, что можно использовать систему WordPress без плагинов. Мы не настаиваем на том, что от плагинов стоит отказаться полностью. Просто WordPress настолько мощная система, что даже с чистым шаблоном на ней можно разработать качественный сайт под любые нужды.

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

Артём – автор многочисленных обзоров и статей на сайте проекта сайт "Веб-лаборатория успеха", посвященных шаблонам, плагинам, курсам и другим тематикам сайта. Эксперт по подбору шаблонов и плагинов для платформы WordPress и др. Увлечения: чтение интересной литературы и активный отдых.

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

Ранее для реализации этой возможности использовались сторонние плагины, либо специальные функции, которые размещались в файле functions.php . Однако с выходом WordPress версии 4.1 функция пагинации была встроена в ядро CMS, и теперь для реализации постраничной навигации достаточно внутренних функций WordPress и нет никакой необходимости добавлять сторонний код или плагины.

Я писал ранее о подобном улучшении со стороны WordPress в отношении тега TITLE — https://aboutwordpress.ru/post/wordpress-title/ .

Что такое пагинация

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

WP-PageNavi — плагин пагинации WordPress

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

Пагинация WordPress - плагин WP-PageNavi

Пагинация wordpress без плагина

Для того чтобы сделать пагинацию на сайте без плагинов мы воспользуемся встроенной WordPress функцией the_posts_pagination(). В нужном нам месте необходимо вставить следующий код (как правило это файлы index.php , category.php и им подобные):

Результатом работы функции the_posts_pagination() будет примерно такой HTML код:

Удаляем заголовок H2 из пагинации

Сразу бросается в глаза H2-заголовок «Навигация по записям». Которому в большинстве случаев не место на сайте. Чтобы от него избавиться добавим следующий код в файл functions.php :

/* Удаляем H2 из пагинации */ add_filter("navigation_markup_template", "my_navigation_template", 10, 2); function my_navigation_template($template, $class){ return "

Настраиваем страницы пагинации

По умолчанию the_posts_pagination() отображает первую и последнюю страницу, а также по одной странице вокруг текущей. Все остальные заменяются многоточием. Это поведение можно изменить с помощью аргументов:

• show_all - показывать все страницы
• end_size - количество страниц в начале и конце списка
• mid_size - количество страниц слева и справа от текущей страницы

Например так:

2, "end_size" => 2,)); ?>

Стили пагинации CSS

Page-numbers { padding: 1% 2%; box-shadow: 0 0 10px #ccc; margin: 0 1% 0 0; background: #fff; border-radius: 3px; }

Выглядеть ссылки на страницы пагинации при таких стилях будут следующим образом:

Продолжаем серию постов посвященных обратной связи в системе управления WordPress. Сегодня я попробую расказать вам как делается без плагина на базе штатной функции wp_mail с помощью технологии программирования ajax.

Преимущества обратной связи wordpress без плагина

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

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

Код для создания обратная связь WordPress без плагина

Приступим!

Открываем файл functions.php вашей темы и забрасываем туда вот такой код:

function myform_action_callback() { global $wpdb; global $mail; $nonce=$_POST["nonce"]; $rtr=""; if (!wp_verify_nonce($nonce, "myform_action-nonce"))wp_die("{"error":"Error. Spam"}"); $message=""; $to="vash_mail@сайт"; // заменить на свою почту $headers = "Content-type: text/html; charset=utf-8 \r\n"; $headers.= "From: [email protected] \r\n"; // заменить на другой ящик $subject="Сообщение с сайта ".$_SERVER["SERVER_NAME"]; do_action("plugins_loaded"); // не обязательно включать в новых ВП, возможно потребуется отключить if (!empty($_POST["name"]) && !empty($_POST["mess"]) && !empty($_POST["email"])){ $message.="Имя: ".$_POST["name"]; $message.="
E-mail: ".$_POST["email"]; $message.="
Сообщение:
".nl2br($_POST["mess"]); if(wp_mail($to, $subject, $message, $headers)){ $rtr="{"work":"Сообщение отправлено!","error":""}"; }else{ $rtr="{"error":"Ошибка сервера."}"; } }else{ $rtr="{"error":"Все поля обязательны к заполнению!"}"; } echo $rtr; exit; } add_action("wp_ajax_nopriv_myform_send_action", "myform_action_callback"); add_action("wp_ajax_myform_send_action", "myform_action_callback"); function myform_stylesheet(){ wp_enqueue_style("myform_style_templ",get_bloginfo("stylesheet_directory")."/css/styleform.css","0.1.2",true); wp_enqueue_script("myform_script_temp",get_bloginfo("stylesheet_directory")."/js/scriptform.js",array("jquery"),"0.1.2",true); wp_localize_script("myform_script_temp", "myform_Ajax", array("ajaxurl" => admin_url("admin-ajax.php"), "nonce" => wp_create_nonce("myform_action-nonce"))); } add_action("wp_enqueue_scripts", "myform_stylesheet"); function formZak() { $rty="

В первой функции "myform_action_callback" нужно $to="vash_mail@сайт"; - заменить на свою почту. Также, возможно, у вас возникнуть проблемы со строчкой do_action("plugins_loaded"); - на новых версиях ВП можно обойтись без неё. Больше ничего менять не нужно, пример рабочий и обратная связь wordpress без плагина тестировалась на версии WP 4.2 и 4.9.1.

Следуя из этого кода, вам нужно создать в теме 2 папки: "css" и "js". Если эти директории уже присутствуют в вашей теме то создавать не нужно. Закидываем в директорию "css" файл стилей "styleform.css" - и при желании записываем туда стили формы. Я этого делать не буду, так как для работы примера стили не нужны.

В директорию "js" закидываем файл "scriptform.js" и туда записываем вот такой простой код:

function myform_ajax_send(name,email,mess){
jQuery.ajax({
type: "POST",
url: myform_Ajax.ajaxurl,
dataType:"json",
data:{
"name":jQuery(name).val(),
"email":jQuery(email).val(),
"mess":jQuery(mess).val(),
"nonce": myform_Ajax.nonce,
"action":"myform_send_action"
},
success: function (data) {
if(data.error==""){
alert(data.work);
}else{
alert(data.error);
}
},
error: function () {
alert("Ошибка соединения");
}
});
}

Не забываем закачать эти файлы к себе на сервер.

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

Если нужно вызвать форму из пхп, например в низу страницы воспользуйтесь вызовом шорткодов:

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

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

Описание обратной связи для wordpress без плагина

myform_action_callback() - функция для отправки сообщения с формы обратной связи вам на почту.

add_action("wp_ajax_nopriv_myform_send_action", "myform_action_callback");
add_action("wp_ajax_myform_send_action", "myform_action_callback");

подключают нашу функцию отправки к аякс запросу. Важный момент в том, что от сюда "myform_send_action" должна совпадать с вот этой строчкой в вашем яваскрипт файле: "action":"myform_send_action"

myform_stylesheet() - функция для подключения файла стилей, яваскрипта и создания переменной яваскрипт myform_Ajax, которая в себя включает myform_Ajax.ajaxurl - сылка на обработчик аякс запроса и myform_Ajax.nonce - уникальная проверка на то, что отправка формы шла именно с вашего сайта (нужна для предотвращения спама и взлома сайта).

formZak() - функция, где формируется код формы. Тут мы можем добавлять или убирать нужные поля.

Последняя строчка функций: add_shortcode("formZak", "formZak"); регистрирует шорткод, чтоб нам было удобно работать с нашей формой обратной связи для wordpress без плагина.

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

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

Скачать этот пример увы не получится, так как не могу давать в вашу тему свой файл functions.php , он банально не подойдет:(.

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

Приветствую! Вот наконец-то я и дождался своего отпуска, впереди целый месяц отдыха. Но это не означает что прекратится работа на блоге. И сегодня по плану очередной пост из рубрики Кодекс.

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

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

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

До того как я стал использовать код для вывода похожих записей я пользовался плагином WordPress Related Posts и хочу заметить, что внешний вид списка ничем не отличается ни при использовании плагина, ни после отказа он него в пользу кода. И это очень хорошо, что читатель внешне не находит отличий, ему не приходится привыкать к чему-то новому. Да я и сам люблю стабильность.

Немножечко про стабильность… Вот уже на протяжении двух месяцев Блог Свободного Вебмастера немного изменил свой внешний вид и перешел от трехколоночного дизайна (2 сайдбара + основная часть) к двухколоночному (остался один правый сайдбар, основная часть расширилась). Я так и не находил времени узнать у своих читателей мнения по поводу изменений. Как Вы считаете, так лучше?

Извиняюсь за оффтоп, продолжаю тему и собственно привожу сам код, способный заменить плагины и выводить список похожих записей без плагинов в конце каждой статьи:

Обратите внимание на строку:

"orderby" => "rand",

Вот в принципе и все настройки.

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

Sample-posts {}

С помощью таблиц стилей есть возможность задать фон или подложить картинку на задний план, обвести в рамку, использовать другой шрифт, для списка использовать другие маркеры и т.д. — возможности ограничены лишь и собственной фантазией!

Желающих обсудить приглашаю к комментированию и если не трудно ответьте, пожалуйста, на вопрос заданный в середине записи)