logo
Разработка web–сайта ООО "Современные технологии строительства"

4.5 Разработка отображения проектов категорий

Для того чтобы избежать лишних переходов для просмотра отдельных записей проектов воспользуемся плагином Easy FancyBox. Принцип работы плагина - всплывающие окна, в которые можно заключить как медиафайлы, так и текстовую информацию и другие плагины. Тем самым, мы сможем решить три задачи: красиво оформить просмотр галереи медиафайлов, поместить во всплывающие окна подробную информацию о проектах и форму заказа. Для формы заказа будем использовать плагин обратной связи Contact Form 7. Создадим форму заказа (см. рис. 26).

Также, чтобы удобно и компактно разместить всю информацию в окнах потребуются ещё два хороших плагина - Easy Responsive Tabs и TablePress. Плагин Easy Responsive Tabs применяется для создания вкладок для отдельных частей контента. Создадим вкладки с комплектацией проекта и дополнительными услугами (см. рис.48). TablePress - это плагин, который позволяет создавать таблицы и управлять ими как администратору, так и пользователям. В таблицы будут помещены названия элементов построек и их подробное описание, а также наименования дополнительных услуг и их стоимость. Ещё один плагин, который потребуется уже, непосредственно, при создании записей проектов - это Advanced Custom Fields. Этот плагин позволяет добавлять в редакторе записей произвольные поля с различными типами данных, которые можно подключить к шаблону отображения проектов. Создадим поля "Подробное описание" (podrobnee) и "Цена" (price) (см. рис.27). За отображение записи в категории отвечает файл-шаблон content-loop. php. Внесём в него соответствующие изменения (см. рис.50-51). Следует отметить, что подробное описание проекта распространяется не на все категории построек и товаров. Поэтому, при помощи функции <? php if (in_category (array ())):? > зададим соответствующие условия.

Рисунок 26 - Создание формы заказа

Рисунок 27 - Создание вкладок

Рисунок 28 - Создание произвольных полей

Рисунок 29 - Шаблон отображения записей

Рисунок 30 - Стили отображения записей