Wersja szablonu dentalkids.com.ua
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ć
-
753 11 2 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!
-
968 10 1 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/
-
1714 161 1 9 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
-
643 4 0 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.
-
481 6 0 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/
-
4833 19 0 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ę
-
111 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
Skład bloków WordPressDzień dobry. Trzeba zrobić redesign, a konkretnie układ bloków jak na makiecie, struktura nie różni się zbytnio od tego, co jest teraz, poza nagłówkiem i blokiem hero. Należy zrobić redesign zarówno wersji mobilnej, jak i desktopowej. Strona jest na WordPressie,… Układ HTML i CSS, Obsługa stron internetowych ∙ 1 godzina 54 minuty temu ∙ 38 ofert |
Opracowanie strony internetowej według specyfikacji na FramerTrzeba zrobić stronę według tych parametrów, które są w specyfikacji https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Podajcie rzeczywistą stawkę na podstawie tego projektu Układ HTML i CSS, Javascript & Typescript ∙ 2 godziny 58 minut temu ∙ 15 ofert |
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 ∙ 17 godzin 37 minut temu ∙ 26 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 ∙ 21 godzin 54 minuty temu ∙ 58 ofert |
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 ∙ 1 dzień 2 godziny temu ∙ 35 ofert |