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 - Стили отображения записей
- Введение
- Анализ существующих программных решений и выбор инструментальных средств разработки.
- Глава 1. Анализ существующих программных решений и выбор инструментальных средств разработки
- 1.1 Анализ существующих программных решений
- 1.2 Выбор инструментальных средств разработки веб-сайта
- 1.2.1 Хостинг
- 1.2.2 Язык PHP
- 1.2.3 СУБД MySQL
- 1.2.4 CMS Wordpress
- 1.2.5 Шаблон веб-сайта
- Глава 2. Разработка архитектуры сайта
- 2.1 Древо страниц
- 2.2 Веб-дизайн
- Глава 3. Разработка структур данных
- 3.1 Таблица wp_commentmeta
- 3.2 Таблица wp_comments
- 3.3 Таблица wp_links
- 3.4 Таблица wp_options
- 3.5 Таблица wp_postmeta
- 3.6 Таблица wp_posts
- 3.7 Таблица wp_terms
- 3.8 Таблица wp_term_relationships
- 3.9 Таблица wp_term_taxonomy
- 3.10 Таблица wp_usermeta
- 3.11 Таблица wp_users
- Глава 4. Разработка и реализация программных модулей
- 4.1 Установка CMS WordPress
- 4.2 Выбор и установка шаблона веб-сайта
- 4.3 Редактирование структуры веб-страниц и подключение элементов дизайна
- 4.4 Разработка и оформление категорий проектов
- 4.5 Разработка отображения проектов категорий
- 4.6 Дополнительные шаблоны темы "MH Magazine"
- 4.7 Дополнительные программные модули