Wersja szablonu dentalkids.com.ua
1631 PLN 
Wymagania dotyczące wskaźników wydajności szablonu (lighthouse/pagespeed):
Wszystkie 4 oceny (LCP, INP, CLS, FCP) dla wersji mobilnej i desktopowej powinny mieścić się w zakresie 80-100. Dopuszczalne w niektórych przypadkach obniżenie do 70.
Podstawowe wymagania:
- Wymagane wstępne ładowanie stylów, czcionek, głównego obrazu za pomocą tagu preload. Zewnętrzne zasoby za pomocą tagu dns-prefetch, preconnect.
- Rozmiar obrazów powinien być minimalny. Zaleca się używanie SVG/WEBP. Należy dodać atrybut lazyload dla wszystkich obrazów, z wyjątkiem tych, które znajdują się na 1 ekranie.
- Należy przenieść krytyczny css/js do tagu head w celu przyspieszenia ładowania.
Dodatkowe wymagania:
- W miarę możliwości używać jak najmniej js. Zaleca się realizację podstawowych elementów za pomocą CSS.
- Zminimalizować przesunięcie układu podczas ładowania.
TZ – szablon dentalkids.com.ua
Konieczne jest stworzenie responsywnego motywu dla WordPressa według makiet z Figma bez użycia builderów i/lub zewnętrznych płatnych szablonów.
Cel:
- zmienić obecny motyw, uczynić projekt strony lekkim i przyjaznym
- odejść od tworzenia szablonów i treści w edytorze Divi
- używać edytora Gutenberg do tworzenia treści
- uczynić stronę szybką i zgodną z standardami Core Web Vitals
Konieczna jest optymalizacja wszystkich głównych obrazów szablonu (oprócz treści).
Cała treść tekstowa nie powinna być statyczna, a powinna być dostępna do edytowania. Hardcodowanie tekstów motywu jest niedopuszczalne.
Większość bloków powinna być dostosowywana i edytowana za pomocą edytora Gutenberg.
Priorytet – wersja mobilna, ponieważ 80% ruchu to użytkownicy mobilni.
Przeglądarki: Chrome, Safari, przeglądarka Samsung Internet (Opera, Firefox)
OS: Android, iOS, Windows (MacOS, Linux)
Specyfikacje techniczne strony:
- WordPress 6.7
- Edytor - Gutenberg
- Wielojęzyczność - wtyczka Polylang, wersje strony - ukraińska i rosyjska. Tłumaczenie wszystkich dynamicznych elementów (popup, formularze, bloki niestandardowe itp.) musi być zrealizowane przez Polylang.
- Popup - wtyczka Popup maker, dopuszczalna wymiana bez utraty funkcjonalności
- Formularze - wtyczka Forminator, dopuszczalna wymiana bez utraty funkcjonalności
- SEO - Yoast Seo
- ocena stron (gwiazdki) - wtyczka kk Star Ratings, dopuszczalna wymiana bez utraty funkcjonalności
- Obecny motyw - Divi Builder, szablon. Część treści napisana w Divi, część treści w Gutenberg. Treść będzie całkowicie przerobiona z Divi na Gutenberg. Jeśli to możliwe, w okresie przejściowym część treści w Divi powinna działać na poprzednim motywie.
- Galeria zdjęć – w składzie buildera Divi – konieczna wymiana na podobną bez utraty funkcjonalności – karuzela, lightbox, tworzenie i umieszczanie kilku albumów w ramach jednej strony, podpisy do zdjęć.
Lista stron do szablonowania:
- Strona główna
- Sekcja “Usługi”
- Karta usługi
- Sekcja "Ceny"
- Sekcja "Zespół"
- Karta członka zespołu
- Sekcja "Zdjęcia"
- Sekcja "Kontakt"
- Sekcja "Partnerzy"
- Sekcja “Blog”
- Artykuł blogowy
- Sekcja FAQ
Lista modułów do szablonowania:
- cennik - autorski moduł do wyświetlania cennika za pomocą shortcode, kod łatwy do wymiany
- popup - style i szablon z modułu Popup maker
- binotel - integracja call-tracking w kodzie
- kilka autorskich funkcji o różnym przeznaczeniu przeniesionych do osobnego pliku
Wymagania dotyczące wskaźników wydajności szablonu (lighthouse/pagespeed):
Wszystkie 4 oceny (LCP, INP, CLS, FCP) dla wersji mobilnej i desktopowej powinny mieścić się w zakresie 80-100. Dopuszczalne w niektórych przypadkach obniżenie do 70.
Podstawowe wymagania:
- Konieczne wstępne ładowanie stylów, czcionek, głównego obrazu za pomocą tagu preload. Zewnętrzne zasoby za pomocą tagu dns-prefetch, preconnect.
- Rozmiar obrazów powinien być minimalny. Zaleca się użycie SVG/WEBP. Należy dodać atrybut lazyload dla wszystkich obrazów, z wyjątkiem tych, które znajdują się na 1 ekranie.
- Konieczne jest przeniesienie krytycznego css/js do tagu head w celu przyspieszenia ładowania.
Dodatkowe wymagania:
- W miarę możliwości używać jak najmniej js. Zaleca się realizację podstawowych elementów za pomocą CSS.
- Zminimalizować przesunięcia układu podczas ładowania.
ТЗ – верстка шаблону dentalkids.com.ua
Необхідно створити адаптивну тему для Wordpress за макетами з Figma без використання білдерів і/або сторонніх платних шаблонів.
Мета:
- змінити поточну тему, зробити дизайн сайту легким та привітним
- відійти від створення верстки і контенту на шаблонізаторі Divi
- використовувати створення контенту редактор Gutenberg
- зробити сайт швидким та відповідним до стандартів Core Web Vitals
Необхідна оптимізація всіх основних зображень шаблону (окрім контентних).
Весь текстовий контент не повинен бути статичним, а має бути доступним для редагування. Хардкод для текстів теми неприпустимий.
Більшість блоків мають кастомізуватися та правити за допомогою редактора Gutenberg.
Пріоритет – мобільна версія, адже 80% трафіку – мобільні користувачі.
Браузери: Chrome, Safari, Samsung Internet browser (Opera, Firefox)
ОС: Android, iOS, Windows (MacOS, Linux)
Технічні характеристики сайту:
- WordPress 6.7
- Редактор - Gutenberg
- Мультимовність - плагін Polylang, версії сайту - українська та російська. Переведення всіх динамічних елементів (popup, форми, кастомні блоки тощо) має бути реалізовано через Polylang.
- Popup - плагін Popup maker, допускається заміна без втрати функціоналу
- Форми - плагін Forminator, допускається заміна без втрати функціоналу
- SEO - Yoast Seo
- рейтинг сторінок (зірки) - плагін kk Star Ratings, допускається заміна без втрати функціоналу
- Поточна тема - Divi Builder, шаблонізатор. Частина контенту написана в Divi, частина контенту в Gutenberg. Контент буде цілком перероблений з Divi на Gutenberg. Якщо можливо, для перехідного періоду щоб частина контенту на Divi працювала на попередній темі.
- Фотогалерея – у складі білдера Divi – необхідна заміна на подібну без втрати функціоналу – карусель, lightbox, створення та розміщення кількох альбомів у рамках однієї сторінки, підписи до зображень.
Перелік сторінок для верстки:
- Головна
- Розділ “Послуги”
- Картка послуги
- Розділ "Ціни"
- Розділ "Команда"
- Картка учасника команди
- Розділ "Фото"
- Розділ "Контакти"
- Розділ "Партнери"
- Розділ “Блог”
- Стаття блогу
- Розділ FAQ
Перелік модулів для верстки:
- прайс - самописний модуль для виведення прайсу за допомогою shortcode, код легко замінити
- popup - стилі та верстка з модуля Popup maker
- binotel - інтеграція call-tracking у коді
- кілька самописних функцій різного призначення винесено до окремого файлу
Вимоги до показників швидкодії шаблону (lighthouse/pagespeed):
Усі 4 оцінки (LCP, INP, CLS, FCP) для мобільної та десктопної версій повинні перебувати в діапазоні 80-100. Допустимо у деяких випадках зниження до 70.
Основні вимоги:
- Необхідне попереднє завантаження стилів, шрифтів, головної картинки за допомогою тега preload. Зовнішні ресурси за допомогою тега dns-prefetch, preconnect.
- Розмір зображень має бути мінімальним. Рекомендується використовувати SVG/WEBP. Необхідно додавати атрибут lazyload для всіх зображень, крім тих, що знаходяться на 1 екрані.
- Необхідно винести критичний css/js в тег head для прискорення завантаження.
Додаткові вимоги:
- По можливості використовувати якнайменше js. Рекомендується реалізувати основні елементи за допомогою CSS.
- Мінімізувати зміщення макету під час завантаження.
Załączniki 1
Opinia zleceniodawcy o współpracy z Anastasiya Pinchuk
Wersja szablonu dentalkids.com.uaZadowoleni z pracy.
W rezultacie otrzymaliśmy szybka stronę z nowym designem i działającą funkcjonalnością, zgodnie z TZ.
W razie potrzeby, będziemy się jeszcze kontaktować.
Opinia freelancera o współpracy z Oleksandr Hch
Wersja szablonu dentalkids.com.uaCiekawy projekt i dobra płatność, było miło pracować
-
12 dni979 PLN
753 11 2 12 dni979 PLN
Dobranoc Aleksandrze, jestem gotowa wykonać jakościowe, responsywne kodowanie makiet z następnym wdrożeniem na Wordpress. Tworzę temat od zera, bez zbędnych wtyczek i plików, edytowanie całej treści przez panel administracyjny.
Czysty, walidowany kod W3C, zielona strefa według Page Speed (80-100).
Stos: Html5, Css3, Scss, Flexbox, Grid Css, Js, jQuery, Bootstrap, Wordpress, ACF, Carbon Fields, Custom Fields.
Jestem gotowa rozpocząć po uzgodnieniu szczegółów i zapoznaniu się z makietą.
Proszę o kontakt, chętnie zrealizuję Twój projekt!
-
24 dni1060 PLN
968 10 1 24 dni1060 PLN
Witam Państwa. Zapoznałem się z Państwa dokumentacją techniczną. Jestem gotów zrealizować Państwa projekt.
Pracę wykonam starannie, zgodnie z przedstawionym zadaniem technicznym. Layout będzie wykonany z użyciem HTML5, CSS3 z wykorzystaniem Flexbox, CSS GRID. Przy tworzeniu struktury HTML stosuję metodologię BEM. Ściśle przestrzegam zasad ważności, semantyki i modularności.
W razie potrzeby wykonam rysowanie/korekcję elementów w formacie wektorowym. Dostosuję tło (rastrową) grafikę do wymaganych rozmiarów ekranów.
Layout będzie responsywny i wielobrowarowy. Przesłany kod będzie schludny, logicznie przemyślany, ważny. Gwarancja na mój layout obowiązuje przez miesiąc.
Możemy również omówić z Państwem koszt projektu oraz wszystkie inne szczegóły przez wiadomości prywatne. Proszę się zgłaszać. Gwarantuję, że jakością i wynikiem pracy będą Państwo zadowoleni, ponieważ zawsze dążę do najlepszego rezultatu.
Moje projekty:
Agencja cyfrowa Kronix: https://digatal-agency-kronix.netlify.app/
Delizioso: https://delizioso-online-store.netlify.app/
… Strona Sonic Logistic: https://sonic-logistic.netlify.app/
PetZen: https://petzen.netlify.app/
Pixelmagnet DMW: https://pixelmagnet-dmw.netlify.app/
Kawiarnia: https://coffee-shop-magazine.netlify.app/
Landing dla front-end developera: https://frontend-developer-landing.netlify.app/
Strony: https://pages-books.netlify.app/
Realco: https://realco-realestate.netlify.app/
Plato: https://plato-energy.netlify.app/
Ekspert dewelopera: https://developer-expert.netlify.app/
WavesCo: https://sound-effect-library.netlify.app/
Tematy front-end: https://frontend-topics.netlify.app/
-
7 dni1224 PLN
1714 161 1 9 7 dni1224 PLN
Dzień dobry! Wykonam Twoje zadanie szybko i jakościowo.
Z WordPress pracuję od ponad 8 lat, zrobię Twoją stronę bez zbędnych wtyczek! bez konstruktorów, które zabijają prędkość ładowania - tylko czysty kod!
Opinie ->
Freelancehunt
-
10 dni1631 PLN
643 4 0 10 dni1631 PLN
Dzień dobry, przejrzałem Państwa specyfikację dla rozwoju strony internetowej, zadania zostały postawione jasno i wyraźnie, głównym zadaniem jest wydajność i szybkość ładowania strony.
Pracuję z WordPressem już ponad 4 lata, do rozwoju nie używam konstruktorów ani gotowych szablonów, tylko niestandardowy motyw, a także minimalną liczbę wtyczek, co gwarantuje szybkość działania strony internetowej.
Nie dostarczyli Państwo projektu swojej strony internetowej, dlatego trudno mi ocenić terminy rozwoju, proszę przesłać link do Figmy w wiadomościach prywatnych, po czym będę mógł podać terminy realizacji Państwa projektu.
-
4 dni122 PLN
481 6 0 4 dni122 PLN
Dobry wieczór, Ołeksandrze, jestem gotów wykonać szablon zgodnie z przykładem, tworzę czysty kod w html, css, scss, z dodatkiem funkcjonalności js, tworzę responsywnie, wieloplatformowo, zgodnie z walidacją, z przestrzeganiem metodologii BEM.
Chciałbym wyjaśnić kilka szczegółów dotyczących TŻ.
Przykłady moich prac z tworzenia szablonów
https://vitalik-13.github.io/my-portfolio/
-
3 dni489 PLN
4833 19 0 3 dni489 PLN
Cześć, Ołeksandrze!
Zapoznałem się z zadaniem i jestem gotów przystąpić do jakościowego wykonania zlecenia.
Abyś miał pewność, że podczas pracy nie wystąpią problemy, możesz zapoznać się z moją ostatnią pracą:
https://gvadiko2004.github.io/grill/
Podaję również linki do innych projektów:
…
https://gvadiko2004.github.io/Anon-shop/
https://iliarchie.github.io/cates/
https://iliarchie.github.io/beautyf/
https://iliarchie.github.io/lagvilava-build/
Jeśli jesteś zainteresowany moją opinią, skontaktuj się ze mną w wiadomościach prywatnych.
Z góry dziękuję
-
3 dni82 PLN
111 3 dni82 PLN
Jestem gotów do rozpoczęcia pracy, gwarantuję profesjonalne podejście i przestrzeganie wymagań w celu osiągnięcia najlepszych wyników. Napisz, aby omówić szczegóły zadania!
Aktualne zlecenia dla freelancerów w kategorii Układ HTML i CSS
Strona docelowa dla sklepu Shopify według gotowego projektuPotrzebna jest strona docelowa dla sklepu internetowego na Shopify. Sklep już działa na zakupionym szablonie, więc zadanie polega na dostosowaniu gotowego wizualnego projektu i struktury do możliwości aktualnego szablonu, bez pełnego opracowywania od zera. Strona jest potrzebna… Content Management Systems, Układ HTML i CSS ∙ 12 godzin 23 minuty temu ∙ 21 ofert |
Dodać blok na stronęDla strony: https://queenstabledance.com/ Należy stworzyć blok treści w dwóch wersjach językowych - aby można go było edytować w panelu administracyjnym. Przykład bloku poniżej. Układ HTML i CSS ∙ 14 godzin 2 minuty temu ∙ 55 ofert |
Zbudować stronę na Elementor ProKonieczne jest stworzenie od podstaw strony na stronie WordPress przy użyciu wtyczki Elementor (wersja Pro). Wersja desktopowa + responsywna wersja na tablet i telefon. Projekt dostarczamy w Figma. Szablon dokumentu projektu — w załącznikach (tylko wersja desktopowa). Konieczne… Układ HTML i CSS, Programowanie stron internetowych ∙ 16 godzin 40 minut temu ∙ 53 oferty |
Aktualizacja wtyczek i motywów WP strony putevka.uz„Należy przeprowadzić audyt techniczny strony WordPress, sprawdzić aktualność, bezpieczeństwo i kompatybilność zainstalowanych wtyczek i motywu. Na podstawie wyników — zaproponować legalne opcje aktualizacji, wymiany przestarzałych rozwiązań lub przejścia na oficjalnie dostępne… Układ HTML i CSS, PHP ∙ 21 godzin 29 minut temu ∙ 34 oferty |
Opracowanie interaktywnej mapy Palworld dla strony internetowejPotrzebna jest interaktywna mapa Palworld na wzór: https://palworld.gg/map Potrzebujemy nie tylko statycznego obrazka, ale pełnoprawnej interaktywnej mapy, na której użytkownik może przeglądać lokalizacje, włączać/wyłączać kategorie obiektów, wyszukiwać potrzebne punkty i… Układ HTML i CSS, Javascript & Typescript ∙ 1 dzień 12 godzin temu ∙ 28 ofert |
Kijów