Edytor (konfigurator)

Główne narzędzie do budowania strony trzy panele, podgląd na żywo, klikalne elementy.

#Układ edytora

Konfigurator składa się z 3 paneli:

Lewy panel

Nawigacja zakładki Styl strony i Treść. Tu zarządzasz globalnymi ustawieniami i strukturą strony.

Podgląd (środek)

Podgląd strony na żywo. Klikaj elementy aby je edytować prawy panel otworzy odpowiedni widok.

Prawy panel

Panel właściwości wybranego elementu treść, styl, kolory, rozmiary, marginesy.
Możesz zmieniać szerokość paneli przeciągając krawędzie. Podgląd można przełączyć między widokiem desktop i telefon.

#Lewy panel nawigacja

Zakładka Styl strony

Globalne ustawienia wyglądu. Otwórz ją w edytorze: otwórz zakładkę Styl strony

SekcjaCo zmienia
StylSzablon wizualny strony
KoloryGlobalna paleta: primary, accent, background, text
CzcionkaFont i jego warianty (bold, italic)
SEOTytuł strony, opis widoczny w wyszukiwarce i przy udostępnianiu

Zakładka Treść

Struktura i zawartość strony. Otwórz zakładkę Treść

Zakładka ma dwa pod-widoki: Sekcje (lista i kolejność sekcji) oraz Dodaj treść (typy elementów do wstawienia).

AkcjaOpis
Kliknij sekcjęOtwiera właściwości tej sekcji w prawym panelu
PrzeciągnijZmienia kolejność sekcji na stronie
Dodaj treśćWstaw nowy blok: tekst, HTML, galeria, obraz, przycisk
WidocznośćPokaż/ukryj sekcję bez usuwania

#Podgląd na żywo

Centralny panel renderuje stronę dokładnie tak jak będzie wyglądać po publikacji. Kliknięcie elementu na podglądzie automatycznie otwiera odpowiedni panel właściwości.

Mapowanie kliknięć

Klikniesz na...Otworzy się panel...Link
LogoPasek górny LogoOtwórz
NawigacjęPasek górny NawigacjaOtwórz
DaniaMenu DaniaOtwórz
KoszykMenu KoszykOtwórz
Formularz kontaktKontakt DaneOtwórz
MapaKontakt MapaOtwórz

#Prawy panel właściwości

Panel właściwości zmienia się w zależności od wybranego elementu:

Typ sekcjiGłówne opcje
Pasek górnyLogo, nawigacja, toggle menu
MenuDania, kategorie, koszyk, formularz zamówienia
KontaktDane kontaktowe, formularz, mapa
Hero / AboutTekst, tło, layout
GaleriaZdjęcia, układ, podgląd zdjęcia po kliknięciu

#Jak zmienić zdjęcie hero (tło nagłówka)

Zdjęcie hero to duży obraz tła widoczny na górze strony — np. zdjęcie restauracji, wnętrza lub dań.

  1. 1
    Otwórz edytor i kliknij obszar hero/about na podglądzie.
  2. 2
    W prawym panelu znajdź sekcję „Tło" lub „Zdjęcie w tle".
  3. 3
    Kliknij pole uploadu i wybierz zdjęcie.
  4. 4
    Dostosuj pozycję (center/top/bottom) i opcjonalne nakładki (overlay).
  5. 5
    Kliknij Publikuj aby zmiany były widoczne publicznie.
Zalecane wymiary: min. 1920×800 px. Proporcje 16:9 lub 2:1. Plik do 5 MB — przy większych skompresuj na squoosh.app.

#Upload zdjęć i plików

Zdjęcia wgrywasz bezpośrednio w panelach edytora — nie ma osobnej biblioteki mediów. Każdy element z polem uploadu (logo, hero, zdjęcie dania, galeria) akceptuje pliki z dysku.

ParametrWartość
Obsługiwane formatyJPG, PNG, WebP, AVIF
Max rozmiar pliku5 MB
Logo (zalecane)200×60 px (prostokątne) lub 100×100 px (kwadratowe)
Hero / tło (zalecane)1920×800 px, proporcje 16:9
Zdjęcie dania (zalecane)600×400 px, proporcje 3:2
Galeria (zalecane)1200×800 px
KompresjaAutomatyczna na serwerze — przy bardzo dużych plikach wgraj skompresowane ręcznie

#Zapisywanie i publikacja

  1. 1
    Zmiany zapisują się automatycznie w wersji roboczej (auto-save co kilka sekund).
  2. 2
    Wersja robocza widoczna tylko w edytorze — strona publiczna się nie zmienia.
  3. 3
    Kliknij Publikuj (przycisk u góry edytora) aby zaktualizować stronę publiczną.
  4. 4
    Publikacja kopiuje aktualny draft na serwer jako statyczne pliki — zajmuje kilka sekund.
  5. 5
    Po publikacji sprawdź stronę publiczną na swoim adresie (np. twoja-nazwa.foodyo.pl).
Nie ma funkcji cofnij/ponów. Jeśli coś popsujesz w wersji roboczej — jedyna opcja to ręczne poprawienie. Ale dopóki nie klikniesz „Publikuj", strona publiczna zostaje bez zmian.
Kreator stronySystem menu