Przejdź do głównej zawartości
8 minut czytania (1569 słów)

Twórz oszałamiające galerie za pomocą najlepszego menedżera galerii dla Elementor

TWÓRZ-OSZAŁAMIAJĄCE-GALERIE-Z-NAJLEPSZYM-MENEDŻEREM-GALERII-DLA-ELEMENTO_20210609-071032_1

Budowniczowie stron i galerie są przez większość czasu bardzo ważni dla stron WordPress, ponieważ galerie pozwalają wyświetlać obrazy/produkty w dobry sposób, a budowniczowie stron pozwalają tworzyć i dodawać treści do strony profesjonalnie.

Kreator stron, taki jak Elementor, zwykle ma narzędzia/bloki do tworzenia galerii, ale nie są one najlepsze, ponieważ nie mają wielu opcji dostosowywania, ale nie martw się, WP Media Folder pomoże Ci w tym ;)

WP Media Folder oferuje dodatek do galerii, który pozwala tworzyć i dostosowywać spektakularne narzędzia i funkcje w galeriach.

W tym poście zobaczymy, jak używać ich z Elementor, Zdjęcia Google i także z twoimi folderami chmury, więc zacznijmy!

Żegnaj z zabałaganionym magazynem multimediów.

WP Media Folder pozwala kategoryzować pliki, synchronizować foldery z chmurą, tworzyć niesamowite galerie i nawet zastępować obrazy bez łamania linków.
Zoptymalizuj swój przepływ pracy multimedialnej już dziś

KUP PLUGIN TERAZ

Galerie z widgetem dla Elementor w filmie

Konfigurowanie integracji WordPress Google Photos

Na początek, przedstawię wtyczki, których używamy w tym poradniku, są to Elementor, WP Media Folderi 2 dodatki Pro (jeden do galerii, a drugi do połączenia z chmurą).

Teraz, gdy już to wiemy, zacznijmy, będziemy tworzyć galerię z Google Photos, w tym celu musimy połączyć naszą stronę WordPress z naszym kontem Google Photos, zobaczmy jak to zrobić.

Przede wszystkim potrzebujemy do tego aplikacji Google Dev, przejdź tutaj: https://console.developers.google.com/project i utwórz nowy projekt.

Dodaj nazwę do projektu, możesz dodać cokolwiek chcesz.

Teraz poczekaj chwilę na utworzenie projektu.

Jeśli to pierwszy raz, kiedy używasz API Biblioteki Zdjęć, będziesz musiał ją aktywować, aby ją aktywować, przejdź do MarketPlace w menu po lewej stronie.

Teraz, w polu wyszukiwania, wpisz API Biblioteki Zdjęć i wyszukaj to.

Kliknij na to, a następnie na Włącz.

Teraz, gdy jest włączone, kliknij na "API i Usługi" w lewym menu, na tym panelu, przejdź do Poświadczenia.

Teraz, gdy już tu jesteś, na górnym panelu, przejdź do + Utwórz Poświadczenia > Identyfikator klienta OAuth, jeśli zostaniesz poproszony, dodaj nazwę do ekranu zgody OAuth.

Teraz skonfiguruj dane uwierzytelniające jak poniżej:

  • Wybierz "Aplikacja internetowa" i dodaj nazwę według własnego wyboru.
  • Autoryzowane źródło JavaScript: https://your-domain.com (zamień na nazwę swojej domeny, bez ukośnika na końcu).
  • Autoryzowane adresy przekierowania: https://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_google_photo_authenticated
(zamień na nazwę swojej domeny)

Pamiętaj, że Google zmienił swoją politykę, więc musisz wypełnić swoje autoryzowane domeny w karcie ekranu zgody OAuth > Edytuj aplikację.

W sekcji Autoryzowane domeny kliknij na +Dodaj Domenę i dodaj swoją domenę.

Dodaj to również do weryfikacji domeny sekcji.

I gotowe! Otrzymasz swój identyfikator i klucz tajny, aby dodać do konfiguracji WP Media Folder:)

Teraz połącz swoje konto Google Photos z witryną WordPress, w tym celu przejdź do Ustawienia > WP Media Folder > Chmura > Google Photo zakładka.

Możesz użyć trybu automatycznego, który jest najprostszym, ponieważ będziesz musiał tylko zalogować się na swoje konto Google, w tym celu wybierz opcję Automatycznie w "Trybie połączenia", a następnie Połącz Google Photo.

Pojawi się okno podręczne, kliknij na Zgadzam się.

Ostatnim krokiem będzie zalogowanie się na swoje konto Google, zezwolenie na uprawnienia i zakończenie połączenia.

To wszystko, naprawdę łatwe i szybkie, prawda? :)

Elementor + Plugin galerii, najlepsze połączenie

Teraz, gdy zakończymy połączenie, przejdź do Media > Galerie folderów multimediów, w tej sekcji kliknij + Dodaj nową galerię i nadaj swojej nowej galerii nazwę, dla celów tego poradnika nazwiemy ją Galeria Google P, a także użyjemy siatki kwadratowej jako galerii.

Teraz będziesz mieć wszystkie opcje konfiguracji i dodawania obrazów do galerii, zobaczysz Google Photo logo, kliknij na nie.

To załaduje okno z wszystkimi dostępnymi zdjęciami na Twoim koncie Google Photos, masz opcję wyboru wielu zdjęć z albumu lub wyboru całego albumu, w tym tutorialu będziemy wybierać cały Album, w tym celu wybierz Album, a następnie Importuj Album.

Zobaczysz powiadomienie o importowaniu albumu.

Poczekaj kilka minut i gotowe! Zobaczysz wszystkie obrazy przesłane na pulpicie galerii, możesz wprowadzić wszystkie modyfikacje, takie jak wybór nowej galerii.

Teraz możesz przejść do Ustawienia wyświetlania i Shortcode zakładki, aby całkowicie dostosować swoją galerię, masz ustawienia takie jak kolejność, liczba kolumn i Akcja po kliknięciu.

Po zakończeniu ustawień galerii kliknij Zapisz, a następnie możesz przejść do strony/wpisu, gdzie chcesz dodać galerię i kliknąć Edytuj z Elementor, aby załadować Kreator stron.

Teraz wybierz sekcję, w której chcesz dodać galerię i poszukaj WP Media Folder bloków.

Jak widać, są 4 dostępne bloki, w tym samouczku będziemy używać tego o nazwie WP Media Folder Dodatek do galerii, który załaduje dodatek do galerii w kreatorze stron.

Po przeniesieniu bloku do sekcji, zobaczysz opcję podglądu, a po lewej stronie opcję wyboru galerii, wybierz galerię, którą wcześniej utworzyliśmy.

W prawej sekcji zobaczysz podgląd galerii, który będzie automatycznie aktualizowany po wybraniu nowej opcji w lewej sekcji, więc sprawdź, potwierdź, że wszystko jest w porządku, i kliknij Opublikuj.

To wszystko! Utworzyłeś profesjonalną galerię za pomocą kilku kliknięć i skonfigurowałeś ją bezpośrednio z Kreatora Stron :)

Używanie Elementora do tworzenia galerii Google Drive w WordPress

 Jako dodatek, zobaczymy jak tworzyć galerie używając zdjęć z chmury, ponieważ WP Media Folder pozwala na połączenie Twojej biblioteki mediów z usługami chmury (Dropbox, Google Drive, OneDrivei AWS).

W tym przykładzie użyjemy Google Drive, możesz zobaczyć jak się połączyć tutaj, zauważysz, że proces jest naprawdę podobny do połączenia z Google Photos :)

Gdy jest ustawione i synchronizujesz/tworzysz foldery Google Drive, możesz przejść do strony/wpisu, który chcesz edytować i kliknąć na Edytuj z Elementor.

W lewej sekcji poszukaj sekcji WP Media Folder i kliknij na blok WP Media Folder Galeria .


Teraz kliknij na + w sekcji "Dodaj obrazy".

To otworzy wyskakujące okno z biblioteką multimediów, wybierz folder w chmurze, wszystkie obrazy, które chcesz dodać, klikając na nie, i na końcu Utwórz nową galerię > Wstaw galerię.

To stworzy galerię używając zdjęć bezpośrednio z chmury, więc po dodaniu jej, możesz ustawić opcje galerii w lewej sekcji i sprawdzić podgląd galerii w prawej sekcji, dzięki czemu będzie naprawdę łatwo edytować i sprawdzać, czy galeria wygląda tak, jak chcemy :)

Teraz możesz tworzyć galerie z mocą WP Media Folder, w naprawdę łatwy sposób przy użyciu Elementor, a także zaoszczędzić miejsce na dane korzystając z Google Drive, czego jeszcze możesz żądać? :)

Zadzwońcie wszyscy webmasterzy!

Oszczędź czas i zwiększ produktywność z WP Media Folder. Łatwo organizuj pliki multimedialne klientów, twórz niestandardowe galerie i zapewniaj płynne doświadczenie użytkownika.
Ulepsz swoje projekty witryny teraz!

KUP PLUGIN TERAZ

Rozpocznij korzystanie z najlepszego Pluginu Galerii WordPress

W tym poście wyjaśniliśmy tylko kilka funkcji z WP Media Folder i, jak widać, znacznie ułatwiło to rzeczy, niż powinno, a jeszcze bardziej teraz z nowym motywem i interfejsem! Więc na co czekasz? Idź tutaj i uzyskaj własną membership, zobaczysz, że jest więcej galerii niż te pokazane w tym poście i wiele narzędzi, które są po prostu świetne :)

Bądź na bieżąco

Gdy zapiszesz się do bloga, będziemy wysyłać Ci e-mail, gdy pojawią się nowe aktualizacje na stronie, abyś ich nie przegapił.

Powiązane Posty

 

Komentarze

Nie ma jeszcze komentarzy. Bądź pierwszą osobą, która skomentuje
Już zarejestrowany? Zaloguj się tutaj
środa, 11 marca 2026

Obrazek Captcha