Сверстать PSD макет в шаблон WordPress
Необходимо из макета PSD сверстать шаблон для WordPress.
4 страницы. Шаблон должен быть адаптивный.
Макеты страниц есть для полноразмерного шаблона и для мобильной версии (ширина 320px). Т.е. всего 8 страниц - 4 для основной и 4 для мобильной.
Скриншоты макетов приложены.
ТЗ:
1. Главная страница:
- Верхнее меню формируется через настройки Menu в вордпресс.
- Виджеты в сайдбаре - просто текстовые
- Блок "популярные категории" внизу - не нужен
2. Группа
- "Хлебные крошки" http://i.imgur.com/ArODmfp.png выводятся автоматически.
- формат - страница, не пост. В качестве дополнительных переменных задается ID категории и внизу выводятся ссылки на посты из этой категории: http://i.imgur.com/NxSXHUK.png с рейтингом.(в данном случае рейтинг берется из данных поста)
- справа от постов. В качестве текста к ссылкам на посты - краткое описание (Excerpt) этих постов.
- справа от постов отдельный сайдбар, виджеты для которого задаются в настройках виджетов.
- блоки "Схожие темы" и "популярные категории" - не нужны
- все рейтинги(http://i.imgur.com/8xRpqAW.png горизонтальные, звезды) должны задаваться в тексте с помощью шорткодов. Т.е например [stars 4.5] [horsmall 70] и т.д.
3. Категория
- у каждой категории есть возможность добавить изображение
- Выводится список дочерних категорий с изображением
- сайдбар как на главной странице
4. Обзор
- "Хлебные крошки" http://i.imgur.com/ArODmfp.png выводятся автоматически.
- формат - пост.
- основные характеристики (плюсы, минусы, 5 категорий оценки, цена, рейтинг) задаются отдельно в настройках поста.
- сайдбар слева отдельный(не такой как для категории и главной страницы). виджеты задаются в настройках виджетов
- изображения для раздела "Фото" задаются отдельно в посте
- Данные для раздела Характеристики (http://i.imgur.com/YflslLx.png) задаются отдельно. Должна быть возможность менять количество характеристик.
- Блоки "отзывы", "где купить" - не нужны
- ссылка для пункта "как выбрать" (http://i.imgur.com/XNx71ik.png) задается отдельно в посте
Для мобильной версии:
- Меню должно быть выпадающим http://i.imgur.com/MQ0eaw0.png
- на главной рядом с категориями выводится не текст, а ссылки на дочерние категории
Группа
- Таблица сравнения товаров должна листаться. Т.е. выводится только 1 товар и есть возможность перелистывать для просмотра других : http://i.imgur.com/drGMfWq.png
Пример как реализовано: http://m.outdoorgearlab.com/Backpacks-Backpacking-Reviews