[sape_tizer]
Главная » WordPress » Открытие формы обратной связи в лайтбоксе

Открытие формы обратной связи в лайтбоксе

Открытие формы обратной связи в лайтбоксе

Рассмотрим вариант с формой сгенерированной с помощью плагина ContactForm7. Об установке, настройке и генерации плагина мы рассказывали в статье Contact Form 7 — конструктор форм для WordPress.

Установка плагина лайтбокса

Для начала нужно будет установить плагин prettyPhoto Media. Об установке и активации плагинов мы рассказывали в статье Установка плагина WordPress через админ панель или FTP.

Создание шаблона страницы

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










Обратите внимание, что необходимо задать имя шаблона, которое будет отображаться в административной панели WordPress. В нашем случае шаблон называется Form.
Также Вы можете подключить отдельный css для определения внешнего вида содержимого лайтбокса.
Файл шаблона сохраняете (мы его назвали page_form.php) и помещаете в папку Вашей темы.

Создание страницы обратной связи

Следующим шагом нам необходимо создать страницу WordPress, в которую мы вставляем шот-код сгенерированной формы. В разделе «Артибуты страницы» административной консли WordPress необходимо изменить шаблон страницы с базового на созданный нами шаблон Form.
Для удобства подключения лайтбокса мы установили следующий путь к созданной странице: адрес сайта/form/
Открытие формы обратной связи в лайтбоксе

Вставка ссылки в шаблон сайта

Для подключения лайтбокса необходимо в нужном месте требуемого шаблона (в нашем случае это шаблон header.php) разместить следующий код:

текст ссылки

где width и height – размеры вашего лайтбокса

Открытие формы обратной связи в лайтбоксе
Открытие формы обратной связи в лайтбоксе

О admin

Оставить комментарий

x

Check Also

17 лучших WordPress тем для создания онлайн резюме

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

Подборка из 21 шаблона для лендинга на 2016 год

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

41 лучшая бесплатная тема WordPress для фотосайта

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

Рейтинг@Mail.ru