Widżet galerii

The Galeria zdjęć widget umożliwia łatwe dodawanie i stylizowanie złożonych i pięknych galerii obrazów na stronie.

Treść

Ustawienia

  1. Typ: Wybierz typ galerii, wybierając spośród Pojedynczy lub Wiele. Multiple umożliwia utworzenie galerii zdjęć w stylu portfolio z możliwością filtrowania
    1. Jeśli wybrano opcję Wiele, wprowadź tytuł w polu lub użyj tagów dynamicznych *.
  2. Dodaj obrazy: Wybierz wiele obrazów z biblioteki multimediów, aby wstawić je do galerii i wpisz Tytuł dla galerii
    1. Możesz także użyć opcji Tagi dynamiczne, aby załadować obrazy z załączników obrazów postów, zaawansowanej galerii pól niestandardowych lub galerii produktów WooCommerce. Jest to przydatne podczas tworzenia szablonu pojedynczego postu lub produktu w kreatorze motywów
  3. Zamówienie według: Wybierz kolejność domyślną lub losową
  4. Lazy-Load: Ustaw na Tak, aby użyć funkcji Lazy Load w celu poprawy szybkości ładowania.
  5. Układ: Wybierz z SiatkaUzasadnionelub Murarstwo.The Siatka opiera się na wybranym przez użytkownika współczynniku proporcji. Uzasadnione pozwala ustawić wysokość dla każdego wiersza i dostosowuje się do różnych szerokości dla każdego obrazu. Murarstwo zachowuje tę samą szerokość obrazu i dostosowuje się do różnych wysokości.
  6. Kolumny: Ustaw liczbę kolumn wyświetlanych w wierszu (od 1 do 24). Niedostępne, jeśli Uzasadnione Układ został wybrany.
  7. Wysokość rzędu: Ustawia wysokość każdego wiersza w pikselach. Dostępne tylko jeśli Uzasadnione Układ został wybrany.
  8. Rozstaw: Regulacja odstępu między poszczególnymi obrazami w rzędzie.
  9. Link: Ustaw łącze dla obrazów na Brak, Plik multimedialny lub Niestandardowy adres URL.
  10. Współczynnik proporcji: Wybierz współczynnik proporcji, wybierając spośród 1:1, 3:2, 4:3, 9:16, 16:9 i 21:9. Dostępne tylko dla układu siatki. 
  11. Rozdzielczość obrazu: Ustaw rozmiar obrazu, od miniatury do pełnego lub wprowadź rozmiar niestandardowy.

Jeśli wybrano Typ: Wiele, dostępne są następujące dodatkowe opcje paska filtrowania:

Pasek filtrów (dostępny tylko po wybraniu typu Wiele)
  1. Filtr "Wszystkie": Wybierz Tak, aby uwzględnić filtr "Wszystkie" lub Nie, aby go wykluczyć.
  2. "Wszystkie" Etykieta filtra: Jeśli ustawiona na Tak, wprowadź żądaną etykietę lub użyj tagów dynamicznych. Domyślnym ustawieniem jest "Wszystkie".
  3. Wskaźnik: Wybierz wskaźnik używany po najechaniu kursorem na każdą etykietę filtra. Do wyboru są opcje Brak, Podkreślenie, Nadkreślenie, Podwójna linia, Obramowanie, Tło lub Tekst.
  4. Animacja: Ustaw styl animacji wskaźnika. Do wyboru są opcje Zanikanie, Przesuwanie, Rosnięcie, Wchodzenie, Wychodzenie lub Brak.

Nakładka

  1. Kontekst: Wybierz Tak, aby nakładka pojawiała się po najechaniu kursorem na każdy obraz, lub Nie, aby nakładka nie była wyświetlana.
  2. Tytuł: Wybierz, który atrybut meta ma być wyświetlany jako tytuł nakładki. Do wyboru są Tytuł, Podpis, Alt, Opis lub Brak.
  3. Opis: Wybierz, który atrybut meta ma być wyświetlany jako opis nakładki. Do wyboru są Tytuł, Podpis, Alt, Opis lub Brak.

Styl

Obraz

  1. Kolor obramowania: Wybierz kolor obramowania obrazu dla stanów Normalny i Najechanie.
  2. Szerokość obramowania: Wybierz grubość obramowania tylko dla stanu Normalny.
  3. Promień graniczny: Kontroluj zaokrąglenie narożników obramowania obrazu dla stanów Normalny i Najechanie.
  4. Filtry CSS: Ustaw filtry CSS, wybierając spośród rozmycia, jasności, kontrastu i nasycenia dla stanów normalnych i najechania.
  5. Animacja najechania kursorem: Wybierz animację obrazu po najechaniu kursorem, wybierając spośród opcji Brak, Powiększ, Pomniejsz, Przesuń w lewo, Przesuń w prawo, Przesuń w górę lub Przesuń w dół dla stanów Normalny i Najechanie.
  6. Czas trwania animacji (ms): Ustaw czas trwania animacji w milisekundach.

Nakładka

  1. Nakładka: Wybierz typ nakładki (klasyczna lub gradientowa) dla stanów normalnych i po najechaniu kursorem.
  2. Kolor: Ustaw kolor nakładki lub kolory gradientu dla stanów Normalny i Najechanie.
  3. Tryb mieszania: Wybór spośród wielu efektów warstw, w tym Normalny, Mnożenie, Ekran, Nakładka itp. Zobacz demo trybu mieszania
  4. Animacja najechania kursorem: Wybierz animację wejścia lub wyjścia nakładki po najechaniu kursorem. Do wyboru są opcje Przesuń w prawo, Przesuń w lewo, Przesuń w górę, Przesuń w dół, Powiększ, Pomniejsz i Zanikanie. Jeśli wybrano opcję Animacja wejścia, obrazy są wyświetlane z pełnym kryciem w stanie normalnym, a nakładka zakrywa obraz po najechaniu kursorem. Jeśli wybrano opcję Animacja wyjścia, nakładka zakrywa obraz w stanie normalnym i jest usuwana po najechaniu kursorem.
  5. Czas trwania animacji (ms): Ustaw czas trwania animacji w milisekundach.

Treść

  1. Wyrównanie: Wyrównaj zawartość do lewej, prawej lub środka.
  2. Pozycja pionowa: Wyrównaj zawartość do góry, środka lub dołu.
  3. Wypełnienie: Dostosuj wypełnienie treści
Tytuł
  1. Kolor: Wybierz kolor tytułu
  2. Typografia: Ustaw opcje typografii dla tytułu
  3. Rozstaw: Ustaw ilość miejsca między tytułem a opisem.
Opis
  1. Kolor: Wybierz kolor opisu
  2. Typografia: Ustaw opcje typografii dla opisu
  1. Animacja najechania kursorem: Wybierz animację wejścia, reakcji lub wyjścia zawartości po najechaniu kursorem. W przypadku animacji wejścia można wybrać spośród opcji Przesuń w prawo, Przesuń w lewo, Przesuń w górę, Przesuń w dół, Powiększ, Pomniejsz i Zanikanie. W przypadku animacji reakcji wybierz spośród opcji Wzrost, Zmniejszenie, Przesuń w lewo, Przesuń w prawo, Przesuń w górę lub Przesuń w dół. W przypadku animacji wyjścia wybierz spośród opcji Wysuń w prawo, Wysuń w lewo, Wysuń w górę, Wysuń w dół, Powiększ, Pomniejsz i Zanikanie.
  2. Czas trwania animacji: Ustaw czas trwania animacji w milisekundach.
  3. Animacja sekwencyjna: Ustaw na Tak, aby Tytuł i Opis były animowane sekwencyjnie. Ustaw na Nie, aby Tytuł i Opis były animowane w tym samym czasie.

Pasek filtra 

Te dodatkowe opcje paska filtra stają się dostępne tylko wtedy, gdy Typ: Wielokrotny został wybrany.

  1. Kolor tekstu: Wybierz kolor tekstu paska filtra dla stanów Normalny, Najechanie i Aktywny.
  2. Typografia: Ustaw opcje typografii dla tekstu paska filtra.
  3. Kolor wskaźnika: Wybór koloru wskaźnika paska filtra. Dostępne tylko w stanie najechania kursorem lub aktywnym.
  4. Szerokość wskaźnika: Wybór grubości wskaźnika.
  5. Przestrzeń pomiędzy: Pozwala kontrolować ilość miejsca między elementami tekstowymi filtra.
  6. Gap: Kontroluj ilość miejsca między tekstem filtra a obrazami galerii.

Zaawansowany

Ustaw opcje zaawansowane, które mają zastosowanie do tego widżetu


Podpisy i tytuły w galerii

Widżet Galeria umożliwia wyświetlanie podpisu lub tytułu obrazu jako części nakładki. Jednak te podpisy/tytuły mogą nie być odpowiednie dla widżetu Galeria, więc użytkownicy mają możliwość edycji podpisów/tytułów obrazów wyświetlanych w widżecie.

Edycja podpisów/tytułów

Aby edytować podpis i tytuł:

  1. Kliknij obszar wyboru obrazu w Treść tab.
  1. Aby zmienić podpis - Kliknij obszar podpisu i wpisz nowy podpis w obszarze tekstowym.
  1. Aby zmienić tytuł - kliknij obraz i wprowadź nowy tytuł w polu tekstowym.
  1. Kliknij Wstaw galerię.

0 komentarzy

Wyślij komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *