Перевести сторінку з 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
Інтернет-магазин на Okay CMS
9000 UAH
Доброго часу доби всім. https://okay-cms.com Потрібен спеціаліст, який розбирається в ОКАY CMS. Робота по розробці магазину: 1. Встановити Okay CMS на наданий хостинг. 3. Активувати та встановити шаблон. 4. Підключити домен. 5. Налаштувати HTTPS-сертифікат (Let’s Encrypt або… CMS, Інтернет-магазини та електронна комерція ∙ 2 години 2 хвилини тому ∙ 20 ставок |
DevOps / System Administrator для перенесення та захисту WordPress-сайту
Шукаємо досвідченого DevOps-інженера або системного адміністратора для разового проєкту з можливістю подальшої технічної підтримки. У нас основний комерційний сайт на WordPress. Зараз він розміщений на спільному хостингу, останнім часом ми стикаємося з підвищеною кількістю… CMS, Веб-програмування ∙ 19 годин 44 хвилини тому ∙ 30 ставок |
Доопрацювання модуля Simple Pay для OpenCart
2500 UAH
День добрий, що потрібно зробити проблема: базовий функціонал модуля дозволяє парсити акційні ціни дати акцій налаштовуються тільки вручну перед парсингом що потрібно зробити: 1) доопрацювати можливість парсинга дати початку і закінчення акції 2) налаштувати дату закінчення… CMS ∙ 21 година 5 хвилин тому ∙ 16 ставок |
Розробка сайту для інтернет-магазину.Цікавить розробка сайту для інтернет-магазину. Потрібна система: інтернет-магазин (до 2000 товарів, на початках менше), 10–20 SEO-орієнтованих лендінгів, інтеграції з 1С та ШІ-сервісами. CMS, Веб-програмування ∙ 1 день тому ∙ 87 ставок |
Допрацювання Front-end e-com сайта на OpencardПотрібно допрацювати front-end e-commerce сайту на OpenCart. Основні задачі: виправити візуальні баги, адаптивність під мобільні пристрої, покращити відображення карток товарів, категорій, кошика та сторінки оформлення замовлення. Очікується акуратна верстка, збереження… CMS, Веб-програмування ∙ 1 день 17 годин тому ∙ 55 ставок |
Hamburg