Сверстать и натянуть сайт на WordPress(Elementor)

Создание отзывчивого сайта 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 - вы должны быть знакомы с этим и иметь это в портфолио, чтобы подать заявку.