Шаблоны для каждой отдельной страницы

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

Следующие базовые файлы также будут присутствовать в теме:

· Page.php – страница услуги(просто текст по центру)

· Category.php – страница рубрики(для блога)

· Single.php – страница записи(выводит краткую запись)

Кастомные(пользовательские) шаблоны – для страниц, которые отличаются от стандартных:

· Mainpage.php

· Review.php

· Contacts.php

В каждом из них сверху прописываем:

<?php

/*

template name: Главная

/*

?>

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

Блок он-лайн заказа

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

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

Для того, чтобы создать форму необходимо прописать тег:<form> необходимые поля</form>.

У полей <input> ввода данных есть атрибут name – имя. Обработчик формы написан на языке php и вызывается с проименением ajax - обращение к серверу без перезагрузки страницы. После подтверждения формы, данные из формы формирует собой супер-глобальный массив $_POST, в котором у нас есть объекты. Из полей ‘name’ и других изымаются данные, задаются переменные, чтобы сформировать сообщение. Отправка происходит с помощью функции mail. Указываем в поле $to = ‘[e-mail]’ – служба отправки сообщений. $headers – заголовок письма, тип документа, от кого, кодировка utf- 8. $msg= ‘забронировал’.’name’. ‘тема’.

If (mail(…))

Return true

Else

False

Теперь начинается яваскрипт.

$(".booking button").click(function(e) {

e.preventDefault();//отменяется действие по умолчанию

$item = $(this);

$form = $item.closest('form');

$(this).replaceWith("<span class='msg'>Бронируем...</span>");

$.ajax({

type: 'POST',// тип запроса

url: '/wp-content/themes/palace/booking.php',//ссылка на обработчик

data: $form.serializeArray(),//все данные формируются в массив

success: function(data) {

if (data === "true") {

$(".msg").fadeOut("fast", function() {

$(this).before("<span class='msg'>Спасибо! Мы с Вами свяжемся для уточнения заказа</span>");

});

}

}

});

});

Так настраивается модуль он-лайн заказа через админ-панель:

Рисунок 2.9. Редактор формы: шаблон формы.

 

Так задаем адресата:

Рисунок 2.10. Редактор формы: адресат.

А так задаются сообщения о доставке:

Рисунок 2.11. Редактор формы: сообщение об отправке.

 

Рисунок 2.12. Внешний вид форму заказа записи и звонка

Подобным образом формируются формы заказа звонка, заполнения бланка вакансии и анкета для получения карты клиента. Меняется лишь получатель.