SimpleModal Contact Form - контактная форма для Wordpress

Красивая контактная форма для Wordpress

В этом уроке мы рассмотрим плагин SimpleModal Contact Form, который добавляет на блог wordpress красивую контактную форму. Данная форма, к тому же еще, проверят правильность заполнения поля ввода и открывается в модальном окне.

Итак, качаем исходники(любые) и читаем, что с ними делать:

Русифицированная версия от Ruseller.com
Оригинальная версия от автора

 

Как обычно распаковываем папку плагина в wp-content\plugins. В итоге все файлы скрипта должны оказаться в папке /wp-content/plugins/simplemodal-contact-form-smcf/.


Активируйте плагин из Админ-панели (WordPress Admin > Plugins > Click

*

 

Переходим в настройки. В блоке настроек Wordpress находим плагин

*


И редактируем настройки в соответствии с нашими потребностями:

*

Теперь Контактную форму нужно включить на сайте. Скрипт ищет элементы a c классом smcf-link , т.е. контактная форма будет повешана на все элементы <a class="smcf-link" href="#" >Напиши мне, напиши</a>.

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

Работает!

*


После отправки можете проверить почту, вас ждет письмо ))).

*

 

Но, конечно же, это не самый лучший вариант.

Мы можем вывести ссылку на контактную форму в сайдбаре. Для этого в папке с темой вашего блога откройте файл sidebar.php и добавьте в него вызов скрипта:

<?php if (function_exists('smcf')) : ?>
<?php smcf(); ?>
<?php endif; ?>

 

Вот результат:

*

 

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

*

 

Сохраняем, проверяем. Вуаля, все работает!

*

 

На самой странице /contact что-либо писать не обязательно, просто помните, что на нее попадут люди (а точнее нелюди) с отключенным JS, на этой странице можно разместить обычную контактную форму.

На сегодня это все, благодарю за внимание

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: www.ericmmartin.com
Перевел: Евгений Стыценков
Урок создан: 30 Декабря 2009
Просмотров: 40000
Правила перепечатки


5 последних уроков рубрики "Wordpress"

^ Наверх ^