Dodawaj i edytuj galerie obrazów jak profesjonalista w Elementorze

 Chociaż korzystanie z Elementora jest bardzo pomocne podczas tworzenia stron lub wpisów, prawdą jest również, że możemy potrzebować więcej narzędzi, aby działał on idealnie. Jednym z takich narzędzi, o których warto wspomnieć, jest menedżer galerii, który pozwoli nam ulepszyć i tak już potężny kreator stron. Zobaczmy, jak łatwo jest dodawać i edytować galerie za pomocą WP Media folder bezpośrednio w Elementorze.

Dzięki niesamowitym narzędziom, takim jak menadżer galerii i integracja ze wszystkimi głównymi kreatorami stron, WP Media Folder umożliwia nam tworzenie naprawdę niesamowitych galerii, a także porządkowanie biblioteki multimediów za pomocą zaledwie kilku kliknięć!

W tym samouczku utworzymy galerię od podstaw, korzystając z Menedżera galerii i bezpośrednio z Elementora.

Utwórz galerię WordPress za pomocą WP Media Folder

Przede wszystkim pokażemy, jak łatwo utworzyć galerię za pomocą dodatku WP Media Folder Gallery.

Menedżera galerii można znaleźć po zainstalowaniu WP Media Folder i dodatku Gallery Addon w Bibliotece multimediów > Galerie folderów multimediów

Na tym ekranie należy najechać kursorem na opcję + Dodaj nową galerię i kliknąć + Utwórz nową galerię multimediów .

Otworzy się okno modalne, w którym możemy wpisać tytuł galerii i wybrać motyw.

Na razie nazwiemy ją „Moja Galeria” i pozostawimy domyślny motyw.

Przeniesie nas to do pulpitu tworzenia galerii, w którym znajdziesz wiele opcji konfiguracji i tworzenia galerii. Najpierw dodamy do niej obrazy.

Zauważymy wiele opcji dodawania multimediów do galerii, najważniejsze z nich to dodawanie ich z Biblioteki multimediów lub przesyłanie ich bezpośrednio z
Eksploratora plików na komputerze . Przyjrzyjmy się obu tym możliwościom.

Przede wszystkim mamy Biblioteki multimediów , którą oznaczymy ikoną WordPress, kliknij ją.

Kliknięcie tutaj spowoduje otwarcie biblioteki multimediów. Zauważysz, że w mojej bibliotece multimediów znajdują się foldery. To zasługa WP Media Folder , który pozwala mi uporządkować wszystkie moje multimedia w najlepszy możliwy sposób, za pomocą folderów multimediów i filtrów. Możesz dowiedzieć się więcej na ten temat tutaj , ale to temat na inny wpis ;)

Teraz, aby dodać obrazy, wystarczy przejść do folderu multimediów, do którego dodaliśmy obrazy, które chcemy dodać, i wybrać obrazy, klikając je z wciśniętym klawiszem Ctrl, a następnie kliknąć Importuj obrazy .

Spowoduje to dodanie wszystkich wybranych obrazów do Menedżera Galerii, co umożliwi nam ich wykorzystanie i dostosowanie.

Teraz zobaczmy opcję umożliwiającą przesyłanie obrazów bezpośrednio z Eksploratora plików ; w tym celu kliknij ikonę folderu.

Po wykonaniu tej czynności natychmiast otworzy się eksplorator plików, dzięki czemu będziesz mógł poruszać się po folderach i wybierać obrazy, które chcesz dodać do Galerii.

Wybierz obrazy, które chcesz przesłać, a następnie kliknij Otwórz .

Po wykonaniu tej czynności wszystko powinno być gotowe! Teraz wszystkie zdjęcia w Menedżerze Galerii są gotowe do użycia w naszej galerii.

Teraz, gdy wszystkie obrazy są już na swoim miejscu, sprawdźmy ustawienia galerii. W tym celu kliknij drugą zakładkę Ustawienia wyświetlania i kod skrócony .

Na początku możemy zobaczyć, że mamy 8 galerii, a każda z nich ma własne ustawienia.

Przyjrzyjmy się murowi Masonry Jest to klasyczna ściana z wieloma obrazami wyświetlanymi w różnych rozmiarach, jak możemy zobaczyć na Podgląd .

W ustawieniach możemy wybierać pomiędzy wszystkimi opcjami, na przykład rozmiarem obrazu i układem masonry . Zmieńmy bieżący układ pionowy na poziomy i zmniejszmy obrazy.

Teraz sprawdzamy Podgląd , aby potwierdzić, jak wygląda teraz.

Jak widać, to naprawdę świetne narzędzie z niesamowitymi funkcjami, ponieważ pozwala nam wprowadzać zmiany i sprawdzać ich wygląd kilkoma kliknięciami i w kilka sekund! Tworzenie galerii nigdy wcześniej nie było takie proste!

Dodawanie galerii WordPress w Elementorze

Teraz, gdy dowiedzieliśmy się, jak utworzyć galerię za pomocą WP Media Folder Gallery Manager, zobaczmy, jak dodać ją do wpisu lub strony za pomocą Elementora .

Aby to zrobić, przejdź do swojej strony lub wpisu (lub utwórz go) i kliknij Edytuj za pomocą Elementora . Zostanie załadowany Page Builder.

W edytorze wyszukaj WP Media Folder Addon Gallery i dodaj go do swojej treści.

Załaduje się blok informujący o dodaniu bloku dodatku Media Gallery.

Na karcie po lewej stronie możemy wybrać interesującą nas galerię i ją dostosować.

Przede wszystkim wybierzmy galerię, którą utworzyliśmy w obszarze Wybierz galerię .

Galeria, którą utworzyliśmy wcześniej, zostanie automatycznie załadowana w kreatorze stron pod blokami.

Poniżej znajduje się motyw Masonry , który wybraliśmy w Menedżerze Galerii. Sprawdźmy wszystkie opcje dostępne w motywach, które można wybrać bezpośrednio z ustawień bloku.

Masonry

Naprawdę dobry motyw, który idealnie pasowałby do niemal każdej strony, pozwalając nam wyświetlać wiele obrazów.

Domyślny

Motyw ten umożliwia wyświetlanie obrazów w klasyczny sposób, wraz z tytułem obrazu.

Portfolio

Dzięki temu możemy wyświetlać obrazy podobnie jak w motywie domyślnym, ale używając innej czcionki, idealnej do prezentowania sztuki.

Slajder

Klasyczny suwak umożliwiający skupienie się na kilku obrazach na slajdzie.

Slajd przepływu

Podobny do motywu Slider, lecz z inną animacją, skupiający się na jednym obrazie na slajdzie, ale pozwalający nam na podgląd pozostałych obrazów.

Siatka kwadratowa

Klasyczna galeria z kwadratowymi obrazami, która wyświetla tytuł obrazu po najechaniu na niego kursorem.

Material

Naprawdę świetny motyw, który umożliwia wyświetlanie kwadratowych obrazów z ładnym cieniem i tytułami.

Niestandardowa siatka

Motyw siatki, który pozwala nam zmieniać rozmiar obrazów, aby wyglądały tak, jak chcemy, to najlepsze rozwiązanie, gdy chcemy stworzyć galerię z własnymi rozmiarami/wymiarami obrazów. Zobaczmy, jak to działa w Menedżerze Galerii.

Teraz zobaczmy dostępne opcje w menu po lewej stronie dla wszystkich galerii.

Przede wszystkim mamy nawigację galerii . Włączenie tej opcji umożliwi korzystanie z galerii nawigacyjnych dostępnych w WP Media Folder Gallery Addon, który umożliwia nam korzystanie również podgalerii tutaj.

Jako drugą opcję mamy znacznik Display Image Tag , który przydaje się, gdy mamy wiele obrazów w galerii i chcemy umożliwić naszym użytkownikom filtrowanie ich w interfejsie użytkownika przy użyciu systemu znaczników z WP Media Folder .

Następnie mamy selektor motywu , który umożliwia nam wybór spośród dostępnych motywów (które pokazywaliśmy wcześniej), a także wyświetla szczegółowe ustawienia w zależności od wybranego motywu, takie jak układ i na przykład czas trwania przejścia suwaka.

Możemy dalej sprawdzać, aż znajdziemy Wybierz galerię , która umożliwi nam wybór pomiędzy wszystkimi galeriami, które utworzyliśmy w Menedżerze galerii multimediów.

Rozmiar obrazu – opcja ta umożliwia nam wybór spośród wszystkich dostępnych rozmiarów obrazów, co pozwala nam dostosować ich wygląd i idealnie dopasować do naszej zawartości.

Rozmiar LightBox umożliwia nam, podobnie jak rozmiar obrazu, wybranie rozmiaru lightboxa, który zostanie wyświetlony, gdy wybierzemy go jako akcję po kliknięciu.

Będziemy mieć także funkcję Akcja po kliknięciu , która umożliwi nam wybranie pomiędzy wyświetleniem lightboxa, który jest większą wersją obrazu, przejściem do innej strony lub brakiem reakcji po kliknięciu obrazu.

Ostatnią opcją są ustawienia kolejności, w których możemy zobaczyć i wybrać sposób wyświetlania naszych zdjęć w galerii.

Oczywiście oprócz tych ustawień będziemy mieli możliwość dodawania marginesów między obrazami, zmiany koloru najechania kursorem myszy, dodawania obramowania i cienia.

Jak widać, za pomocą Elementora można naprawdę łatwo dostosować galerie WP Media Folder i dopasować je do naszej strony!

Twórz szybkie galerie, korzystając z folderów multimedialnych

Jako dodatkowy temat pokażemy, jak w kilka sekund utworzyć galerie przy użyciu folderów utworzonych przez WP Media Folder .

Funkcja ta umożliwi nam również automatyczne dodawanie obrazów do galerii po ich dodaniu do folderu.

Przede wszystkim przejdź do Galerii folderu multimediów w  Bibliotece multimediów , gdzie wcześniej utworzyliśmy galerię, na tej stronie najedź kursorem myszy na + Dodaj nową galerię , a następnie kliknij Utwórz galerię z folderu .

Wyświetli się eksplorator folderów, w którym możemy wybrać folder, którego chcemy użyć.

Po kliknięciu Utwórz , obrazy w folderze zostaną automatycznie załadowane do galerii, co umożliwi nam utworzenie galerii w zaledwie kilka sekund!

Będziemy mogli również automatycznie dodawać obrazy, gdy zostaną one dodane do biblioteki multimediów w tym samym folderze, który właśnie wybraliśmy. Dzięki temu nie będziemy musieli przechodzić do menedżera galerii i ręcznie dodawać obrazu.

Aby skorzystać z tej opcji, należy włączyć Automatyczne dodawanie obrazów do folderu Zapisz .

I magia gotowa! Foldery, które są jednocześnie obrazami automatycznie wyświetlanymi w interfejsie użytkownika, o co więcej moglibyśmy prosić? :) 

Zacznij używać WP Media Folder ze swoim ulubionym kreatorem

Mamy także film objaśniający wszystko krok po kroku, dzięki czemu możesz zobaczyć działanie wtyczki na żywo – sprawdź!

Wtyczka z niesamowitymi funkcjami, która umożliwi nam nie tylko tworzenie galerii, ale także porządkowanie multimediów, importowanie ich z Google Photos i przesyłanie dalej!

Kompatybilność ze wszystkimi głównymi kreatorami pozwoli nam organizować i prezentować nasze media w najbardziej profesjonalny sposób w zaledwie kilku krokach. Na co więc czekasz? Wejdź tutaj i pobierz już teraz!