logo search
Разработка 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 - Стили отображения записей