Wersja rozwojowaBudujemy KlikGotowe razem z pierwszymi użytkownikami.Coś nie wychodzi? Napisz, z czym masz trudność →

Fryzjer i barber
twojafirma.pl
Kliknij — ułóż swoją wersję strony ⤢
Salon fryzjerski Splot — 20 gotowych stron

Salon fryzjerski Splot — 20 gotowych stron

Wybierz jedną z 20 gotowych stron pracowni Splot i ułóż ją po swojemu. 240 części, 20 palet i 20 par czcionek; kafle pokazują wybrane kolory i kroje.

Ułóż swoją wersję →
Jeden adres może mieć jedno aktywne demo. Jeśli zadziała limit, pokażemy to wprost.
Salon fryzjerski Splot — 20 gotowych stron · Twoja wersja

Dobry wygląd. Twój wybór.

Zacznij od oryginału. Przejdź stronę sekcja po sekcji — wybierasz budowę, a treść dopasujesz na końcu. Wszystkie wybory zobaczysz razem.

Przejdź do części strony

Styl całej strony

Kolory Oryginalny
Kolory Twojej strony
Zestaw czcionek Oryginalny

Wybierz wygląd całej strony

Wybierz gotową stronę. Potem możesz zmienić każdy jej fragment osobno.

Podgląd wybranej strony jest obok. Otwórz cały podgląd →

Jaki nagłówek najbardziej Ci się podoba?

Część „nagłówek” strony 1 Splotu.

Jaki układ sekcji „Hero” najbardziej Ci się podoba?

Część „góra strony” strony 1 Splotu.

Jaki układ sekcji „Podejscie” najbardziej Ci się podoba?

Część „podejście” strony 1 Splotu.

Jaki układ sekcji „Usługi” najbardziej Ci się podoba?

Część „usługi i cennik” strony 1 Splotu.

Jaki układ sekcji „Pracownia” najbardziej Ci się podoba?

Część „pracownia” strony 1 Splotu.

Jaki układ sekcji „Efekty” najbardziej Ci się podoba?

Część „efekty” strony 1 Splotu.

Jaki układ sekcji „Zespół” najbardziej Ci się podoba?

Część „zespół” strony 1 Splotu.

Jaki układ sekcji „Opinie” najbardziej Ci się podoba?

Część „opinie” strony 1 Splotu.

Jaki układ sekcji „FAQ” najbardziej Ci się podoba?

Część „pytania” strony 1 Splotu.

Jaki układ sekcji „Rezerwacja” najbardziej Ci się podoba?

Umów wizytę online
Napisz

Dla salonów, które chcą prośby o konkretny termin: usługa, dzień z datą i godzina, potem imię i telefon. Salon oddzwania i potwierdza.

Jaki układ sekcji „Kontakt” najbardziej Ci się podoba?

Zadzwoń
Napisz
Adres i godziny

Numer telefonu na pierwszym planie, obok adres, godziny każdego dnia i trasa dojazdu; widać, czy pracownia jest teraz otwarta.

Jak strona ma domknąć rozmowę?

Część „stopka” strony 1 Splotu.

Twój asystent AI · Twoje materiały

A teraz zobacz tu swoją firmę.

Dopasuj treści, zdjęcia i logo w podglądzie swojej strony. Zapisz projekt, aby wrócić do zmian po zamknięciu lub odświeżeniu karty.

Otwórz ten krok, aby edytować swoją stronę.

← Wróć do stopki

Twój zestawOryginalny wygląd

Twoja strona na żywoPowiększ ↗

Przygotowujemy Twój podgląd…

Przewijaj stronę i sprawdź każdą sekcję.

Co dostajesz w środku

Z czego zbudowana jest ta strona

Liczby policzone z pakietu, który wgrywamy na Twoją stronę — z tych samych plików, które oglądasz w podglądzie.

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.

  • 145 sekcje i kolumny
  • 125 teksty i nagłówki
  • 25 nagłówki
  • 11 obrazy
  • 2 części szablonu
  • 1 menu
  • 1 treść strony

Dopisane — 14 arkuszy 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.

  • Nagłówek · 28 KBreguły na różne szerokości ekranu, efekty najechania, przyklejony nagłówek, animacje, siatki sekcji, ozdobniki, widoczny fokus klawiatury, wyciszenie ruchu
  • Strona · 21 KBreguły na różne szerokości ekranu, efekty najechania, animacje, siatki sekcji, ozdobniki, widoczny fokus klawiatury, wyciszenie ruchu
  • Strona · 11 KBreguły na różne szerokości ekranu, efekty najechania, animacje, siatki sekcji, ozdobniki, widoczny fokus klawiatury, wyciszenie ruchu
  • Strona · 28 KBreguły na różne szerokości ekranu, efekty najechania, animacje, siatki sekcji, ozdobniki, widoczny fokus klawiatury, wyciszenie ruchu
  • Strona · 13 KBreguły na różne szerokości ekranu, efekty najechania, animacje, siatki sekcji, ozdobniki, widoczny fokus klawiatury, wyciszenie ruchu
  • Strona · 23 KBreguły na różne szerokości ekranu, efekty najechania, animacje, siatki sekcji, ozdobniki, widoczny fokus klawiatury, wyciszenie ruchu
  • Strona · 15 KBreguły na różne szerokości ekranu, efekty najechania, animacje, siatki sekcji, ozdobniki, widoczny fokus klawiatury, wyciszenie ruchu
  • Strona · 18 KBreguły na różne szerokości ekranu, efekty najechania, animacje, siatki sekcji, ozdobniki, widoczny fokus klawiatury, wyciszenie ruchu
  • Strona · 18 KBreguły na różne szerokości ekranu, efekty najechania, przyklejony nagłówek, animacje, siatki sekcji, ozdobniki, widoczny fokus klawiatury, wyciszenie ruchu
  • Strona · 35 KBreguły na różne szerokości ekranu, efekty najechania, animacje, siatki sekcji, ozdobniki, widoczny fokus klawiatury, wyciszenie ruchu
  • Strona · 33 KBreguły na różne szerokości ekranu, efekty najechania, animacje, siatki sekcji, ozdobniki, widoczny fokus klawiatury, wyciszenie ruchu
  • Stopka · 15 KBreguły na różne szerokości ekranu, efekty najechania, animacje, siatki sekcji, ozdobniki, widoczny fokus klawiatury, wyciszenie ruchu
  • Szablon · 38 KBreguły na różne szerokości ekranu, animacje, ozdobniki, wyciszenie ruchu
  • Szablon · 1 KB

Do tego 8 krótkich skryptów (np. menu na telefonie) — bez skryptu menu nadal działa jako zwykłe linki.

Sprawdzona na szerokościach od 480 do 1024 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 7, bo tyle razy jej treść naprawdę przestaje się mieścić. Poniżej każdego z nich układ zmienia się tak, jak opisano.

  • 480 pxWarstwa `@mobile` rdzenia WP 7.1 (typografia marki na telefonie) w nagłówkach z tokenów.
  • 600 pxPróg hamburgera rdzenia core/navigation; resztka nagłówków z tokenów przenosi go na 860 px.
  • 768 pxtablet — próg profilu miar
  • 781 pxWarstwa `@tablet` rdzenia WP 7.1 (≤782 px); resztka siatki bento hero zeruje rozpiętości max-width:781px.
  • 782 pxWarstwa `@tablet` rdzenia WP 7.1 (≤782 px): resztki hero (kompozycja, album, okładka) wyrównują się do progu rdzenia.
  • 860 pxNagłówki z tokenów: hamburger i warstwy telefonu (karta wzorca Klasyczny).
  • 1024 pxlaptop — próg profilu miar

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.