Dodawaj i edytuj galerie obrazów jak profesjonalista w Elementorze

 Choć korzystanie z Elementora bardzo pomaga przy tworzeniu strony lub wpisu, prawdą jest również, że możemy potrzebować więcej narzędzi, aby działał on idealnie. Jednym z tych narzędzi, które warto wymienić, jest menedżer galerii, który mógłby pozwolić nam ulepszyć i tak już potężny kreator stron. Zobaczmy, jak łatwo dodawać i edytować galerie za pomocą WP Media folder bezpośrednio w Elementorze.

Dzięki takim wspaniałym narzędziom jak menedżer galerii i integracja ze wszystkimi głównymi kreatorami stron, WP Media Folder pozwala nam tworzyć naprawdę wspaniałe galerie, a także porządkować bibliotekę multimediów w zaledwie kilka kliknięć! 

W tym samouczku utworzymy galerię od podstaw za pomocą Menedżera galerii oraz bezpośrednio w Elementorze.

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

Przede wszystkim zobaczymy, jak łatwe jest tworzenie galerii za pomocą dodatku WP Media Folder Gallery Addon.

Ten Menedżer galerii można znaleźć po zainstalowaniu WP Media Folder oraz Dodatku galerii w sekcji Biblioteka mediów > Galerie folderów mediów

Na tym ekranie musimy najechać kursorem na + Add New Gallery  i kliknąć + Create New Media Gallery.

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.

To przeniesie nas do panelu tworzenia galerii z wieloma opcjami konfiguracji i budowania naszej galerii; najpierw dodamy obrazy do naszej galerii.

Zauważymy wiele opcji dodawania multimediów do galerii, z których główne to dodawanie ich z Biblioteki multimediów lub przesyłanie bezpośrednio z naszego Eksploratora plików komputera, zobaczmy obie możliwości.

Przede wszystkim mamy opcję Biblioteka multimediów , która jest ikoną WordPressa – kliknij ją.

Kliknięcie tutaj otworzy bibliotekę multimediów; zauważysz, że w mojej bibliotece multimediów znajdują się foldery, co zawdzięczam WP Media Folder , który pozwala mi uporządkować wszystkie multimedia w najlepszy możliwy sposób za pomocą folderów i filtrów. Więcej na ten temat znajdziesz tutaj , ale to temat na inny wpis ;) 

Aby dodać obrazy, wystarczy przejść do folderu multimediów, w którym umieściliśmy obrazy, które chcemy dodać, wybrać je za pomocą ctrl + kliknięcie, a na koniec kliknąć Importuj obrazy.

Spowoduje to dodanie wszystkich wybranych obrazów do Menedżera galerii, co pozwoli nam ich używać i dostosowywać je.

Teraz zobaczmy opcję przesyłania obrazów bezpośrednio z naszego komputera Eksplorator plików; w tym celu kliknij ikonę folderu.

Po wykonaniu tej czynności eksplorator plików otworzy się natychmiast, aby umożliwić nawigację po folderach i wybór obrazów, które chcesz dodać do galerii.

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

Po wykonaniu tego powinniśmy być gotowi! Teraz mamy wszystkie obrazy w naszym Menedżerze galerii gotowe do użycia w naszej galerii.

Teraz, gdy mamy już wszystkie nasze obrazy na miejscu, sprawdźmy ustawienia galerii; w tym celu kliknij drugą zakładkę Display Settings & Shortcode.

W pierwszej kolejności widzimy, że mamy 8 galerii, każda z własnymi ustawieniami.

Przyjrzyjmy się Masonry, to klasyczna ściana z wieloma obrazami wyświetlanymi w różnych rozmiarach, jak widać na karcie Podgląd .

W ustawieniach możemy wybierać spośród wszystkich opcji, na przykład rozmiaru obrazów i układu masonry ; zmieńmy go z obecnego pionowego na poziomy i zmniejszmy obrazy.

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

Jak widać, to naprawdę dobre narzędzie z niesamowitymi funkcjami, ponieważ pozwala nam wprowadzać zmiany i sprawdzać, jak to wygląda, kilkoma kliknięciami i w kilka sekund! Tworzenie galerii jeszcze nigdy nie było tak łatwe!

Dodawanie galerii WordPress w Elementorze

Teraz, gdy wiemy już, jak utworzyć galerię za pomocą WP Media Folder Gallery Manager, zobaczmy, jak dodać ją do naszego wpisu lub strony za pomocą Elementor.

Aby to zrobić, przejdź do swojej strony lub wpisu (lub utwórz go) i kliknij Edytuj w Elementor – kreator stron zostanie załadowany.

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

Załadowany zostanie blok informujący nas, że dodano blok dodatku Media Gallery.

Na lewej karcie będziemy mogli wybrać galerię, którą chcemy, a także będziemy mogli ją dostosować.

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

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

To pokazuje 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 w ustawieniach bloku.

Masonry

Naprawdę dobry motyw, który może idealnie pasować na niemal każdej stronie, pozwalając nam wyświetlać wiele obrazów.

Domyślny

Ten motyw pozwala nam wyświetlać obrazy w klasyczny sposób, wraz z tytułem obrazu.

Teczka

Pozwala nam to wyświetlać nasze obrazy podobnie do motywu Domyślnego, ale z użyciem innej czcionki, co jest idealne do prezentowania sztuki.

Slider

Klasyczny suwak, który pozwala skupić się na kilku obrazach na slajd.

Flow Slide

Podobny do motywu Slider, ale z inną animacją, skupiający się na jednym obrazie na slajd, ale pozwalający nam podejrzeć pozostałe obrazy.

Square Grid

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

Material

Naprawdę niesamowity motyw, który pozwala nam wyświetlać kwadratowe obrazy z ładnym cieniem i tytułami.

Siatka niestandardowa

Motyw siatki, który pozwala nam zmieniać rozmiar obrazów, aby wyglądały tak, jak chcemy, jest najlepszą opcją, gdy chcemy stworzyć galerię z własnymi rozmiarami/wymiarami obrazów. Zobaczmy szybko, 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 pozwoli na korzystanie z galerii nawigacyjnych dostępnych w WP Media Folder Gallery Addon, co pozwala nam używać galerii nadrzędnych oraz podgalerii , działające demo możesz zobaczyć tutaj

Jako drugą opcję mamy Wyświetl tag obrazu, przydatny, gdy mamy wiele obrazów w galerii i chcemy umożliwić naszym użytkownikom filtrowanie ich w interfejsie użytkownika za pomocą systemu tagów z WP Media Folder.

Następnie mamy selektor motywu , który pozwala nam wybierać spośród dostępnych motywów (które pokazaliśmy wcześniej) i będzie również 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 kontynuować przeglądanie i znajdziemy opcję Wybierz galerię , która pozwoli nam wybrać spośród wszystkich galerii utworzonych w Menedżerze galerii mediów.

Rozmiar obrazu, ta opcja pozwala nam wybrać spośród wszystkich dostępnych rozmiarów obrazów, umożliwiając dostosowanie obrazów tak, aby wyglądały i pasowały idealnie do naszej treści.

Opcja Rozmiar LightBox pozwoli nam, podobnie jak rozmiar obrazu, wybrać rozmiar lightboxa, który zostanie wyświetlony, jeśli wybierzemy go jako akcję po kliknięciu.

Będziemy mieli również Akcję po kliknięciu , która pozwoli nam wybrać między wyświetleniem lightboxa będącego powiększoną wersją obrazu, przejściem do innej strony lub po prostu niczym nie robieniem po kliknięciu obrazu.

A ostatnia opcja to ustawienia kolejności, w których będziemy mogli zobaczyć i wybrać, jak chcemy wyświetlać nasze obrazy w galerii.

Oczywiście, poza tymi opcjami będziemy mieli ustawienia dodawania marginesu między obrazami, zmiany koloru po najechaniu, dodawania obramowania i cienia.

Jak widać, naprawdę łatwo jest użyć Elementora, aby dostroić nasze galerie WP Media Folder i dopasować je do naszej strony!

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

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

Ta funkcja pozwoli nam również automatycznie dodawać obrazy do galerii, gdy zostaną one dodane do folderu.

Najpierw przejdź do Media Folder Gallery w sekcji Media Library , gdzie wcześniej utworzyliśmy galerię. Na tej stronie najedź kursorem na przycisk  + Add New Gallery , a następnie kliknij Create Gallery from folder.

Zostanie wyświetlony eksplorator folderów, w którym możemy wybrać folder, którego użyjemy.

Po kliknięciu Utwórz, obrazy znajdujące się w folderze zostaną automatycznie załadowane do galerii, co pozwoli nam utworzyć galerię 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, oszczędzając nam czas na przechodzeniu do menedżera galerii i ręcznym dodawaniu obrazu.

Aby użyć tej opcji, Automatyczne dodawanie obrazu do folderu powinno być włączone, dostępne w prawym górnym rogu tuż pod przyciskiem Zapisz .

I magia działa! Foldery, które są jednocześnie obrazami, wyświetlają się automatycznie na stronie front-end – czego więcej moglibyśmy chcieć? :) 

Zacznij używać WP Media Folder z ulubionym kreatorem

Mamy również film, który wyjaśnia wszystko krok po kroku, dzięki czemu możesz zobaczyć wtyczkę w działaniu na żywo – sprawdź go!

Wtyczka z niesamowitymi funkcjami, która pozwoli nam nie tylko tworzyć galerie, ale także organizować nasze media, importować z Google Photos i przenosić je poza serwer! 

Zgodność ze wszystkimi głównymi kreatorami pozwoli nam organizować i prezentować nasze multimedia w najbardziej profesjonalny sposób w zaledwie kilku krokach, więc na co czekasz? Przejdź tutaj i zdobądź go już teraz!