Przekształcenie strony z WordPress na Vue.js + WordPress REST API Headless
A1) Strona na WordPress:
HTTPS://test.wetterheld.com/home/drought/
A2) Strona używa funkcji Sekcji: wszystko, co znajduje się poniżej pierwszego ekranu, powtarza się na kilku innych stronach, a za pomocą sekcji pokazujemy to w tym samym kształcie.W m.w pliku "Sekcje" można zobaczyć, jak to odzwierciedla się w naszym panelu administratora WordPress.A3) Strona działa pięknie na różnych rozmiarach ekranu (responsive design) - można sprawdzić, zmniejszając ekran.Chcemy przekształcić frontend tej strony w nowy system za pomocą Vue.js:
B1) Przyjmujemy dane za pośrednictwem API z Laravel, za pomocą których renderujemy pierwszy ekran strony.To wszystko, co widać poniżej menu, ale powyżej przycisku "Insure against drought":
- slider z obrazami pszenicy i innych roślin
Kalendarz z wyborem daty rozpoczęcia i końca okresu
Wybór roślin z drop-down
Jakie dane będą dostępne w API?Prawie takie same, co teraz przechodzą przez sekcje na tej stronie, zobacz.Wpisz w plik „MAIN PAGE – Sections”.B2) Akceptujemy dane dotyczące projektowania, zawartości, w tym tego, co jest zapisane w sekcjach, za pośrednictwem API WordPress REST, za pomocą których renderujemy menu i resztę strony pod przyciskiem "Insure against drought".W m.Włącz wszystkie pliki sekcji, z wyjątkiem „MAIN PAGE”.B3) W rezultacie wyświetlamy stronę, (jak to możliwe) tę samą istniejącą.Przyjmujemy wynik zgodnie z następującymi kryteriami:
C1) Strona wygląda dokładnie tak, jak wyglądała, ale korzysta z API + Vue.js w górnej części - czyli.Możemy na przykład zmienić listę roślin za pośrednictwem naszego pakietu bez WordPress
C2) Administrator może w dalszym ciągu edytować zawartość sekcji w WordPress (meny, reszta strony poniżej przycisku "Insure against drought")
Strona działa na różnych rozmiarach ekranu (responsive design).Prosimy o wskazane stawki i terminy, a także o wszelkie informacje potrzebne do pewnej oceny kosztów i terminów.Informacje te będziemy szybko przesyłać tutaj.
Для начала работы
Мы предоставим Вам:
- сервер для разработки
- доступ в репо BitBucket
- админ-доступ в WordPress
Процесс работы:
1. Вы загружаете код в репо, проводите деплой на наш сервер.
2. Вы проводите изменения в настройках WordPress, которые Вам все нужно будет тщательно записать и передать нам.
3. Мы вводим Ваши изменения в настройках WordPress в скрипт, который собирает сервер, и пересобираем сервер с нуля.
4. Тестируем страницу согласно пунктам С1, С2, С3 + проверяем Ваш код, нет ли там грубых ошибок / проблем.
5. Принимаем результат, если все работает.
Добавляю два файла:
1) Архив с HTML и CSS файлами страницы -- для того, чтобы Вы могли подтвердить, что со стилями все подходит.
2) Описание API бекэнда для этой страницы -- тут видно, какие параметры приходят, а какие надо отдавать. Их совсем немного.
Załączniki 10
Opinia zleceniodawcy o współpracy z freelancerem
Przekształcenie strony z WordPress na Vue.js + WordPress REST API HeadlessŚwietny deweloper ! Nie tylko zna swoją działalność, ale także prowadzi proces rozwoju profesjonalnie, myśli, oferuje rozwiązania. Nawet tam, gdzie problemy były z naszej strony (serwer itp.Aktywnie szukał i szukał wyjścia. Dziękuję ! Będziemy pracować dalej!
Opinia freelancera o współpracy z Nikolaus Haufler
Przekształcenie strony z WordPress na Vue.js + WordPress REST API HeadlessDobry klient, bardzo się cieszę, będę zadowolony z dalszej współpracy. Projekt wyraźnie opisuje zadania i kryteria przyjęcia pracy.
![]()
-

Система Sections это ведь часть вашей темы вордпресс (или плагин)? Можно сделать тремя способами, либо заменить часть кода в теме, либо сделать тему-потомок, либо просто подключить скрипт и просто менять DOM. В любом случае можно забыть о сео для этого блока.
-
Aktualne zlecenia dla freelancerów w kategorii Content Management Systems
Administrator-konfigurator LearnWorldsZadanie Skonfigurować gotową platformę LearnWorlds pod elitarny kurs online. Nie rozwijać architektury — zrealizować już gotową strukturę ręcznie w panelu administracyjnym. ———————— Co należy zrobić: Branding ⦁ Podłączyć swoją domenę ⦁ Załadować logo, ustawić kolory… Content Management Systems, Programowanie stron internetowych ∙ 1 dzień 2 godziny temu ∙ 9 ofert |
Responsywny projekt strony internetowej portfolio (wordap - strona internetowa do sprzedaży i zakupu)Potrzebuję czystej, nowoczesnej strony portfolio, która będzie zgodna z moimi istniejącymi wytycznymi marki i pięknie dostosuje się do komputerów stacjonarnych, tabletów i urządzeń mobilnych. Zadaniem strony jest proste: podkreślić moją pracę za pomocą zdjęć o dużym wpływie,… Content Management Systems, Programowanie stron internetowych ∙ 1 dzień 21 godzin temu ∙ 42 oferty |
Przenieść w pełni gotową responsywną strukturę HTML5 do WordPressa.
993 PLN
Szukam doświadczonego dewelopera WordPress, który będzie w stanie przekształcić nasz starannie przygotowany statyczny kod HTML5/CSS3 w wysokowydajny, niestandardowy motyw WordPress. Frontend jest już praktycznie gotowy (około 99%): semantyczne oznaczenie, metadane i struktura… Content Management Systems, PHP ∙ 2 dni 11 godzin temu ∙ 63 oferty |
Potrzebny silny specjalista WordPress / WooCommerce do dopracowania strony MARSPROPoszukujemy odpowiedzialnego freelancera lub małego zespołu do jakościowego zakończenia i technicznego dopracowania strony internetowej firmy MARSPRO. Strona już działa, ale po poprzednim deweloperze pozostało wiele drobnych i ważnych problemów technicznych. Potrzebujemy osoby,… Content Management Systems, Układ HTML i CSS ∙ 3 dni 1 godzina temu ∙ 44 oferty |
Opracowanie nowoczesnej strony internetowej dla Teatru
828 PLN
Szukamy webdevelopera do stworzenia oficjalnej strony nowoczesnej platformy kulturalnej. Projekt łączy teatralne, artystyczne, edukacyjne i kulturalne inicjatywy. Należy stworzyć nowoczesną, responsywną stronę, która będzie jednocześnie pełniła funkcję wizerunkową, prezentowała… Content Management Systems, Programowanie stron internetowych ∙ 3 dni 3 godziny temu ∙ 113 ofert |
