Kremowo-złoty barbershop: zdjęcie w hero, trzy usługi, cztery kroki standardu, cennik bez gwiazdek, opinie, umawianie i kontakt. Własna kopia startuje z pełną treścią.
Liczby policzone z pakietu, który wgrywamy na Twoją stronę — z tych samych plików, które oglądasz w podglądzie.
214bloków WordPressa — sekcje, teksty, przyciski, menu
97%z nich edytujesz w edytorze WordPressa, bez kodu
6bloków HTML z dopisanym kodem — 526 KB CSS
19plików mediów (1,1 MB) z Twojego serwera, nie z cudzych
Natywne — ustawiasz w edytorze
Kolory, kroje, odstępy, obramowania, cienie i układ kolumn siedzą w ustawieniach bloków Spectra Blocks i WordPressa. Zmieniasz je klikając, bez dotykania kodu.
99 teksty i nagłówki
86 sekcje i kolumny
6 menu
6 pozycje menu
3 ikony
3 grupy ikon
2 części szablonu
1 grupy
1 obrazy
1 treść strony
Dopisane — 2 arkusze CSS
To reguły, których edytor bloków nie wystawia w ustawieniach: efekty przy najechaniu, animacje, przyklejony nagłówek, siatki sekcji na różnych szerokościach. Bez nich strona nadal działa i da się edytować — wygląda tylko prościej.
Szablon · 526 KBreguły na różne szerokości ekranu, efekty najechania, siatki sekcji, ozdobniki, kroje pisma, widoczny fokus klawiatury, wyciszenie ruchu
Szablon · 1 KB
Do tego 2 krótkie skrypty (np. menu na telefonie) — bez skryptu menu nadal działa jako zwykłe linki.
Sprawdzona na szerokościach od 349 do 1023 px
Progi przełączania układu są zmierzone dla tej strony, nie wzięte z wtyczki. Wtyczka Spectra i WordPress znają tylko dwa progi (tablet i laptop); ta strona ma ich 8, bo tyle razy jej treść naprawdę przestaje się mieścić. Poniżej każdego z nich układ zmienia się tak, jak opisano.
349 pxŁamanie długiej nazwy w wąskiej ramce Twojej firmy.
620 pxPróg telefonu oryginalnego kanonu strony 1.
621 pxtablet — próg profilu miar
767 pxGutter i skład telefonu nowych stron.
800 pxZmiana natywnych siatek i rytmu nowych stron.
900 pxMenu, siatki i rytm oryginalnego kanonu strony 1.
901 pxlaptop — próg profilu miar
1023 pxNatywne menu nowych stron przechodzi do panelu mobilnego.
Strona działa na WordPress 7.1.1, motywie Spectra One 1.2.6 i wtyczce Spectra Blocks 1.0.8. Kroje pisma i zdjęcia serwujemy z Twojego serwera — przeglądarka odwiedzającego nie pyta Google ani nikogo innego.