Перевести сторінку з WordPress на Vue.js + WordPress REST API Headless
4245 UAH 
А1) Сторінка на WordPress:
HTTPS://test.wetterheld.com/home/drought/
А2) Сторінка використовує функцію 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Добрий клієнт, приємно мати справу, буду радий подальшої співпраці. У проекті чітко описані завдання, а також критерії прийняття роботи.
-
Система Sections это ведь часть вашей темы вордпресс (или плагин)? Можно сделать тремя способами, либо заменить часть кода в теме, либо сделать тему-потомок, либо просто подключить скрипт и просто менять DOM. В любом случае можно забыть о сео для этого блока.
-
Что попало, вот честно)
-
Nikolaus Haufler Wetterheld
Добрый день,
является ли функция Sections частью темы, либо мы её поставили с помощью плагина, я точно сказать не могу. Если вопрос важный, могу узнать у нашего WordPress разработчика. Вот скриншот из Вордпресса, на котором видно кнопку "Sections site", может Вы по ней узнаете, откуда мы взяли эту функцию.
По Вашим трем вариантам: Не могли бы Вы описать плюсы и минусы? А то выходит так, что у всех трех вариантов один минус, и тогда непонятно как решать, какой же лучше.
Спасибо,
Николай
-
Актуальні фриланс-проєкти в категорії CMS
Встановлення плагіну на shopify для кастомізації контенту на різних сторінкахВітаю. Треба на сайт на шопіфай встановити плагін для можливості додавати та редагувати кастомний контент внизу кожної сторінки категорії для СЕО. треба: 1. текстовий формат 2. Блок FAQ або мобливо це реалізувати через код сайту, але щоб це не вплинуло на роботу сайту, типу… CMS, Веб-програмування ∙ 2 години 55 хвилин тому ∙ 19 ставок |
Виправити баги у верстці на сайті OkayCMS
700 UAH
Виправити баги у випадаючих меню на сайті на OkayCMS. Баг у відображенні підкатегорії меню при наведенні на них CMS, Веб-програмування ∙ 4 години 4 хвилини тому ∙ 33 ставки |
Інтернет-магазин на Okay CMS
9000 UAH
Доброго часу доби всім. https://okay-cms.com Потрібен спеціаліст, який розбирається в ОКАY CMS. Робота по розробці магазину: 1. Встановити Okay CMS на наданий хостинг. 3. Активувати та встановити шаблон. 4. Підключити домен. 5. Налаштувати HTTPS-сертифікат (Let’s Encrypt або… CMS, Інтернет-магазини та електронна комерція ∙ 7 годин 50 хвилин тому ∙ 24 ставки |
Розробка сайту для інтернет-магазину.Цікавить розробка сайту для інтернет-магазину. Потрібна система: інтернет-магазин (до 2000 товарів, на початках менше), 10–20 SEO-орієнтованих лендінгів, інтеграції з 1С та ШІ-сервісами. CMS, Веб-програмування ∙ 1 день 6 годин тому ∙ 92 ставки |
Допрацювання Front-end e-com сайта на OpencardПотрібно допрацювати front-end e-commerce сайту на OpenCart. Основні задачі: виправити візуальні баги, адаптивність під мобільні пристрої, покращити відображення карток товарів, категорій, кошика та сторінки оформлення замовлення. Очікується акуратна верстка, збереження… CMS, Веб-програмування ∙ 1 день 23 години тому ∙ 57 ставок |
Hamburg