Перевести страницу с WordPress на Vue.js + WordPress REST API Headless
4245 UAHДобрый день!
У нас дано следующее на фронтенде:
А1) Страница на WordPress:
https://test.wetterheld.com/home/drought/
А2) Страница использует функцию Sections: все, что ниже первого экрана, повторяется на нескольких других страницах, а с помощью Sections мы показываем это в одинаковом виде. См. в аттаче файлы "Sections", там видно, как это отражается в нашей WordPress админ-панели.
А3) Страница работает красиво на разных размерах экрана (responsive design) -- можете проверить, уменшив экран.
Хотим перевести фронтенд этой страницы на новую систему, используя Vue.js:
B1) Принимаем данные через API с бекэнда Laravel, с их помощью рендерим первый экран страницы.
Это все, что видно ниже меню, но выше кнопки "Insure against drought":
- слайдер с картинками пшеницы и других растений
- календарь с выбором даты начала и конца периода
- выбор растения из drop-down
Какие данные будут поступать по API? Примерно такие же, что сейчас поступают через Sections на эту страницу, см. в аттаче файл "MAIN PAGE - sections".
B2) Принимаем данные по дизайну, контенту, включая то, что записано в Sections, через WordPress REST API, с их помощью рендерим меню и остаток страницы ниже кнопки "Insure against drought". См. в аттаче все файлы "sections" кроме "MAIN PAGE".
B3) Показываем в результате страницу, (насколько возможно) одинаковую существующей.
Принимаем результат по следующим критериям:
C1) Страница выглядит примерно как и выглядела, но использует в верхней части API + Vue.js -- т.е. мы сможем, например, менять список растений через наш бекэнд, без WordPress
C2) Админ может и далее редактировать контент Sections в WordPress (меню, остаток страницы ниже кнопки "Insure against drought")
C3) Страница работает на разных размерах экрана (responsive design).
Просим предлагать ориентировочные ставки и сроки, а также запрашивать всю информацию, которая нужна Вам для уверенной оценки стоимости и сроков. Эту информацию мы будем оперативно выкладывать сюда.
Для начала работы
Мы предоставим Вам:
- сервер для разработки
- доступ в репо BitBucket
- админ-доступ в WordPress
Процесс работы:
1. Вы загружаете код в репо, проводите деплой на наш сервер.
2. Вы проводите изменения в настройках WordPress, которые Вам все нужно будет тщательно записать и передать нам.
3. Мы вводим Ваши изменения в настройках WordPress в скрипт, который собирает сервер, и пересобираем сервер с нуля.
4. Тестируем страницу согласно пунктам С1, С2, С3 + проверяем Ваш код, нет ли там грубых ошибок / проблем.
5. Принимаем результат, если все работает.
Добавляю два файла:
1) Архив с HTML и CSS файлами страницы -- для того, чтобы Вы могли подтвердить, что со стилями все подходит.
2) Описание API бекэнда для этой страницы -- тут видно, какие параметры приходят, а какие надо отдавать. Их совсем немного.
Приложения 10
Отзыв заказчика о сотрудничестве с фрилансером
Перевести страницу с WordPress на Vue.js + WordPress REST API HeadlessСупер разработчик! Не только знает свое дело, но и ведет процесс разработки профессионально, думает, предлагает решения. Даже там, где проблемы были с нашей стороны (сервер и т.д.), активно искал и находил выход. Спасибо! Будем работать и дальше!
Отзыв фрилансера о сотрудничестве с Nikolaus Haufler
Перевести страницу с WordPress на Vue.js + WordPress REST API HeadlessГрамотный заказчик, приятно иметь дело, буду рад дальнейшему сотрудничеству. В проекте четко описаны задачи, и критерии приема работы.
![]()
Актуальные фриланс-проекты в категории CMS
Адаптивный дизайн портфолио сайта (wordap - сайт для продажи и покупки)Мне нужен чистый, современный сайт портфолио, который соответствует моему существующему бренд-гиду и прекрасно адаптируется к настольным компьютерам, планшетам и мобильным устройствам. Задача сайта проста: выделить мою работу с помощью эффектных фотографий, встроенных видео и… CMS, Веб-программирование ∙ 9 часов 59 минут назад ∙ 24 ставки |
Перенести полностью готовую адаптивную HTML5-структуру в WordPress.
12 000 UAH
Я ищу опытного WordPress-разработчика, который сможет преобразовать наш тщательно подготовленный статический HTML5/CSS3 код в высокопроизводимую кастомную WordPress-тему. Фронтенд уже практически готов (примерно 99%): семантическая разметка, метаданные и мультиязычная структура… CMS, PHP ∙ 23 часа 49 минут назад ∙ 59 ставок |
Нужен сильный специалист по WordPress / WooCommerce для доработки сайта MARSPROИщем ответственного фрилансера или небольшую команду для качественного завершения и технической доработки сайта компании MARSPRO. Сайт уже работает, но после предыдущего разработчика осталось много мелких и важных технических проблем. Нам нужен человек, который сможет не просто… CMS, HTML и CSS верстка ∙ 1 день 14 часов назад ∙ 43 ставки |
Разработка современного сайта для Театра
10 000 UAH
Ищем веб-разработчика для создания официального сайта современной культурной платформы. Проект объединяет театральные, художественные, образовательные и культурные инициативы. Необходимо создать современный адаптивный сайт, который будет одновременно выполнять имиджевую функцию,… CMS, Веб-программирование ∙ 1 день 16 часов назад ∙ 106 ставок |
Трансформация сайта-каталога WordPress в магазин (WooCommerce, Mono/LiqPay, Нова Пошта)
6000 UAH
Приветствие! Есть работающий сайт-каталог автоэлектроники — autoden.com.ua. Платформа: WordPress 5.4.19. Сейчас на сайте есть товары и цены, но нет возможности онлайн-покупки. Что нужно сделать: Настроить и интегрировать плагин WooCommerce под текущий дизайн. Перевести… CMS, Веб-программирование ∙ 1 день 20 часов назад ∙ 68 ставок |


