¶ Jak dodać galerię zdjęć na stronę
Galeria to najlepszy sposób na prezentację wielu obrazów jednocześnie na stronie. Sitejet Builder oferuje klasyczną galerię z wariantami układu oraz filtrowaną galerię z podziałem zdjęć na kategorie. Poniżej znajdziesz instrukcję dodawania i konfiguracji obu typów galerii.
¶ Galeria obrazów
- Kliknij ikonę Obrazy w lewym panelu bocznym edytora.
- Przeciągnij element Galeria w żądane miejsce na stronie.
¶ Zmiana wariantu galerii
Każda galeria ma kilka predefiniowanych wariantów, które określają układ i wygląd zdjęć.
- Kliknij dwukrotnie na elemencie Galeria oznaczonym żółtą ramką w głównym oknie edytora.
- W panelu ustawień rozwiń sekcję Warianty.
- Kliknij miniaturę żądanego układu, aby zastosować go do galerii.
¶ Dodawanie i zmiana zdjęć
- Kliknij dwukrotnie na elemencie Galeria oznaczonym niebieską ramką w głównym oknie edytora.
- W panelu ustawień w sekcji Obraz znajdziesz dwa bloki:
- Blok dodawania — służy do wstawiania nowych obrazów do galerii. Każdy dodany obraz automatycznie pojawi się na liście poniżej.
- Blok edycji — wyświetla wszystkie obrazy w galerii. Kliknij dwukrotnie na zdjęciu, aby je zamienić lub uzupełnić pustą pozycję.
¶ Kilka galerii na jednej stronie
Każdy wariant galerii ma własną klasę CSS (np. .preset-gallery-v3-default). Zmiana ustawień jednej galerii wpływa na wszystkie galerie korzystające z tego samego wariantu.
- Aby dwie galerie z tym samym układem miały różne ustawienia, kliknij dwukrotnie na jednej z nich.
- Przejdź do zakładki Styl w panelu ustawień.
- W polu Klasa ustawień wstępnych zmień nazwę klasy — edytor automatycznie utworzy nowy blok CSS, niezależny od poprzedniego.
¶ Filtrowana galeria
Filtrowana galeria wyświetla zdjęcia podzielone na kategorie. Po kliknięciu przycisku kategorii widoczne są tylko przypisane do niej obrazy. Jedno zdjęcie może należeć do wielu kategorii jednocześnie.
- Kliknij ikonę Obrazy w lewym panelu bocznym.
- Przeciągnij element Filtrowana galeria w wybrane miejsce na stronie.
¶ Przypisywanie obrazów do kategorii
- Kliknij dwukrotnie na przycisku wybranej kategorii w głównym oknie edytora i przejdź do zakładki Połącz.
- W polu URL wpisz identyfikator kategorii w formacie
#nazwa-kategorii, np.#krajobrazy.
- Kliknij dwukrotnie na wybranym obrazie w galerii i przejdź do zakładki Styl.
- Rozwiń sekcję Identyfikator & Klasa.
- W polu Klasy CSS wpisz klasę w formacie
filter-nazwa-kategorii(np.filter-krajobrazy) i kliknij ikonę plusa.
filter-. Przykład: przycisk z URL #krajobrazy wymaga klasy filter-krajobrazy na obrazach.
¶ Dodawanie nowych kategorii
Aby dodać przycisk z nową kategorią, zaznacz istniejący przycisk i naciśnij CTRL+D (lub CMD+D na Macu). Zduplikowany przycisk możesz skonfigurować z nowym identyfikatorem kategorii zgodnie z powyższą instrukcją.
¶ Zobacz także
- Jak zamówić Sitejet Builder — zamówienie i aktywacja usługi
- Jak dodać kafelki z treścią — bloki z tekstem i obrazem na stronie
- Jak dodać akordeon (harmonijkę) — rozwijane sekcje treści na stronie