Создание отзывчивого сайта Wordpress на базе Elementor на основе предоставленных файлов Adobe XD / PSD.
Front-End разработка Posted Dec 26, 2022
Создание многостраничного отзывчивого сайта WordPress на основе предоставленных файлов Adobe XD / PSD. Используйте The Events Calendar для создания разделов событий. Используйте ACF Pro для создания "Услуг" (Классов) + категории для их фильтрации и шорткод для показа их на нужной странице с правильным фильтром в шорткоде.
Подробности
Разработать новый сайт на базе WordPress и Elementor в качестве конструктора для муниципалитета с 5 регионами. Дизайн представлен в XD и должен быть преобразован в код с учетом лучших практик и отзывчивости до разрешения FullHD. Сайт будет обогащен плагином The Events Calendar и управляемыми администратором событиями, которые будут добавлены на главную страницу и в каждый дом сауэ на основе категории. Аналогичное поведение с интересами (занятиями), которые добавляются администратором и заполняются в домах на основе присвоенной категории.
Проект также содержит функцию доступности, основанную на WCAG 2.1 Вы должны сделать его совместимым с WCAG.
Детали:
1. Мы поделимся сервером разработки с установленным WP, и вы также получите FTP доступ.
2. Разработка веб-сайта на основе дизайна (изображения и тексты должны быть взяты из дизайна), если не будет предоставлено иное.
3. Преобразование HTML в Elemenor
4. Сделать сайт отзывчивым для мобильных и настольных устройств вплоть до FullHD
5. Добавление необходимых элементов WP и создание полей ACF Pro для классов.
6. Установка и изменение вида календаря событий в соответствии с дизайном. (представление календаря списком и представление отдельных событий)
7. Обеспечение безопасности сайта
8. Вставка кодов отслеживания (Pixel, Analytics и т.д.), если они предусмотрены.
9. Сделать сайт совместимым с WCAG 2.1
10. Оптимизация скорости и проверка ошибок кода.
Файлы дизайна: https://docs.google.com/spreadsheets/d/1l7YwN5M7BhjjPnA4u4Xt2nXAgsEBFMpEjBc6RvLbk-k/edit?usp=sharing
Структура и обзор дизайна.
1. Структура сайта
https://docs.google.com/spreadsheets/d/1l7YwN5M7BhjjPnA4u4Xt2nXAgsEBFMpEjBc6RvLbk-k/edit#gid=0
2. Обзор страниц дизайна. https://docs.google.com/spreadsheets/d/1l7YwN5M7BhjjPnA4u4Xt2nXAgsEBFMpEjBc6RvLbk-k/edit#gid=717737220 (только для справки, полная информация находится в файлах дизайна).
Пожалуйста, внимательно изучите файлы и оцените ваши часы и ставку
NB! WCAG 2.1 - вы должны быть знакомы с этим и иметь это в портфолио, чтобы подать заявку.