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

KlikGotowe Wybieram stronę ↗
Fryzjer i barber
twojafirma.pl
Kliknij — ułóż swoją wersję strony ⤢
INDUSTRIAL

Loft Barber — 11 gotowych stron

Industrialny barbershop: cegła, stal i pomarańcz, galeria metamorfoz i cennik bez gwiazdek. Własna kopia startuje z pełną treścią wzorcową.

Ułóż swoją wersję →
Jeden adres może mieć jedno aktywne demo. Jeśli zadziała limit, pokażemy to wprost.
Loft Barber — 11 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.

← Wróć do wzoruKrok 1 z 11
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 →

← Wzór Dalej: Nagłówek

Jaki nagłówek najbardziej Ci się podoba?

Pasek marki z menu

← Wstecz Dalej: Góra strony

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

Fotografia na pełnej szerokości

← Wstecz Dalej: Usługi

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

Trzy karty usług

← Wstecz Dalej: Cennik

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

Lista cen obok tytułu

← Wstecz Dalej: Studio

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

Para kwadratowych zdjęć

← Wstecz Dalej: Zespół

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

Portret obok opisu

← Wstecz Dalej: Pytania i odpowiedzi

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

Boczny akordeon

← Wstecz Dalej: Umów wizytę

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

Umów wizytę online

Formularz w dwóch kolumnach

← Wstecz Dalej: Dane salonu

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

Trzy grupy danych

← Wstecz Dalej: Stopka

Jak strona ma domknąć rozmowę?

Pozioma stopka

← Wstecz Dalej: Twoja firma → Zobacz swoją stronę
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.

  • 93 sekcje i kolumny
  • 79 teksty i nagłówki
  • 14 menu
  • 14 pozycje menu
  • 4 obrazy
  • 4 ikony
  • 4 grupy ikon
  • 2 części szablonu
  • 1 grupy
  • 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 · 688 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 768 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 2, bo tyle razy jej treść naprawdę przestaje się mieścić. Poniżej każdego z nich układ zmienia się tak, jak opisano.

  • 768 pxtablet — próg profilu miar
  • 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.