- Веб-Шаблоны
- Шаблон интернет-магазина
- Шаблоны для CMS
- Facebook шаблоны
- Конструктор сайтов
WordPress. Как работать с формой бронирования
Апрель 29, 2013
В этом уроке Вы научитесь работать с формой бронирования, которая идет в наборе с шаблонами WordPress.
WordPress. Как работать с формой бронирования
В форме есть поля для имени, е-мейла, телефона и сообщения, выпадающий список, подсчет количества (count select) , два указателя даты и кнопка (submit) для отправки данных формы на сервер. Если в шаблоне есть форма бронирования и Вы хотите изменить некоторые ее опции:
- Войдите в админ панель WordPress.
- В меню слева перейдите Appearance/Вид -> Theme Options/опции темы.
- Вверху нажмите на вкладку Booking Form(форма бронирования) .
- Там находится список опций, названия которых говорят сами за себя:
- Title(заглавие) здесь Вы даете форме название. Например: book a room:
- Display ‘Name’ Field? (показывать поле «имя»?) для включения/выключения формы выберите да/нет (yes/no)
- Text for ‘Name’ Field
(текст для поля «имя») позволяет вставить текст для поля. Например, Your Name - Display ‘Email’ Field? (показывать поле «е-мейл»?) позволяет включить/выключить поле е-мейл
- Text for ‘Email’ Field (текст для поля «е-мейл») позволяет вставить текст для поля. Например, Email
- Display ‘Phone’ Field? (показывать поле «телефон»?) позволяет включить/выключить поле телефон;
- Text for ‘Phone’ Field (текст для поля «телефон») позволяет вставить текст для поля. Например, Phone
- Default Text for Select Element (стандартный текст для выбора элемента) позволяет вставить текст для выбора элемента. Например, Select room type
- Display Count Select? (показывать выбор количества?) позволяет включить/выключить подсчет количества;
- Text for Count Select (текст для выбора количества) позволяет вставить текст для выбора количества (count select). Например, No. of rooms
- Number of Items in Count Select (число элементов в выборе количества) позволяет вставить число элементов в выборе количества (от 1 до 10), Например, 5
- Date Format (формат даты) позволяет выбрать формат даты в календаре, например, Default: mm/dd/yy
- Display Datepickers 1? (показать виджет Datepickers 1?) позволяет включить/выключить виджет Datepickers-1 ;
- Include Timepicker to Datepickers 1? (добавить виджет времени в календарь1 ?) позволяет включить/выключить виджет времени в виджет календаря 1 Datepickers-1 ;
- Default Text for Datepicker 1 (стандартный текст для Datepicker 1) позволяет добавить текст в виджет календаря- 1, например, Check in
- Display Datepickers 2? (показать виджет Datepickers 2?) позволяет включить/выключить виджет Datepickers-2 ;
- Include Timepicker to Datepickers 2? (добавить виджет времени в календарь1 ?) позволяет включить/выключить виджет времени в календарь 2 (Datepickers-2);
- Default Text for Datepicker 2 (стандартный текст для Datepicker2) позволяет добавить текст в виджет календаря- 2, например, Check out
- Display ‘Message’ Field? (показывать поле «сообщение»?) позволяет включить/выключить поле сообщение;
- Default Text for ‘Message’ Field (стандартный текст для поля «сообщение») позволяет вставить текст в доле сообщения, например, Additional Comments
- Text for Submit Button (текст для кнопки Submit) позволяет вставить текст для кнопки Submit, например, submit
<div class="reservation-form-user">
<p><label>First Name:</label>[text* your_name]</p>
<p><label>Last Name:</label>[text* your_surname]</p>
<p><label>E-mail:</label>[email* your_email]</p>
<p><label>Phone:</label>[text* your_phone]</p>
<p><label>Fax:</label>[text your_fax]</p>
<p class="area"><label>Special Requirements:</label>[textarea your_requirements]</p>
<p class="submit">[submit "Send"]</p>
</div>
<div class="reservation-form-user">
<p><label>First Name:</label>[text* your_name]</p>
<p><label>Last Name:</label>[text* your_surname]</p>
<p><label>E-mail:</label>[email* your_email]</p>
<p><label>Phone:</label>[text* your_phone]</p>
<p><label>Fax:</label>[text your_fax]</p>
<p class="area"><label>Special Requirements:</label>[textarea your_requirements]</p>
<p class="submit">[submit "Send"]</p>
</div>
From: [your_name] Coise: [selectedItem] Date From: [dateFrom] Date To: [dateTo] No. of rooms: [countSelect] First Name: [your_name] Last Name: [your_surname] E-mail: [your_email] Telephone: [your_phone] Fax: [your_fax] State/Province: [your_state] Special Requirements: ---------------------------------------------- [your_requirements]
Пожалуйста, ознакомьтесь с детальным, обучающим видео ниже: