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

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.

Kreatory stron, np. Elementor, zazwyczaj oferują narzędzia/bloki do tworzenia galerii, ale nie są one najlepsze, ponieważ nie oferują wielu opcji dostosowywania ich do własnych potrzeb. Nie martw się jednak, bo WP Media Folder Ci w tym pomoże ;)

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

W tym poście pokażemy, jak ich używać z Elementorem, Google Photos, a także folderami w chmurze , więc zaczynajmy!

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 już włączona, kliknij „API i usługi” w menu po lewej stronie, a następnie w tym panelu przejdź do sekcji Poświadczenia.

Teraz, gdy już tu jesteś, w górnym panelu przejdź do + Utwórz dane uwierzytelniające > Identyfikator klienta OAuthi jeśli zostaniesz o to poproszony, dodaj nazwę na ekranie 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
  

Pamiętaj, że Google zmieniło swoją politykę, dlatego musisz uzupełnić autoryzowane domeny na 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łączymy Twoje konto Google Photos z witryną WordPress. W tym celu przejdź do Ustawienia > WP Media Folder > Chmura > zakładka Google Photo .

Możesz użyć trybu automatycznego, który jest najłatwiejszy w obsłudze, ponieważ wymaga jedynie zalogowania się na koncie Google, w tym celu wybierz opcję Automatyczny w „Trybie łą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ńczyliśmy połączenie, przejdź do sekcji Media > Galerie folderów multimediów, w tej sekcji kliknij + Dodaj nową galerię i nadaj nowej galerii nazwę. Na potrzeby tego samouczka nazwiemy ją Google P Gallery, a my użyjemy Square Grid .

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 kody krótkie , aby w pełni dostosować galerię. Dostępne są ustawienia, takie jak kolejność, liczba kolumn i działanie 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ę, do której chcesz dodać galerię i poszukaj WP Media Folder .

Jak widać, dostępne są cztery bloki. W tym samouczku użyjemy bloku o nazwie WP Media Folder Gallery Addon, który załaduje dodatek Gallery Addon do kreatora 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 + w sekcji „Dodaj obrazy”.

Spowoduje to otwarcie okna podręcznego z biblioteką multimediów. Wybierz folder w chmurze, kliknij wszystkie obrazy, które chcesz dodać, a następnie wybierz opcję 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ć? :)

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 :)