Jak tworzyć galerie WordPress przy użyciu multimediów Google Drive

Przyjrzymy się przydatnemu sposobowi tworzenia galerii WordPress przy użyciu Dysku Google, co jest w pełni możliwe dzięki WP Media Folder , który umożliwia dostęp do multimediów bezpośrednio z Dysku Google bez zajmowania miejsca na serwerze.

Łączenie Dysku Google ze stroną internetową

Pierwszym krokiem tego samouczka jest połączenie Dysku Google ze swoją witryną. Przekonasz się, że jest to bardzo proste. Przede wszystkim będziesz potrzebować dodatku Cloud Addon od WP Media Folder , który umożliwi Ci połączenie Twojej witryny z Dyskiem Google.

Teraz, gdy zainstalowaliśmy WP Media Folder i dodatek Cloud Addon, możemy rozpocząć konfigurację. Są dwie opcje: ręczna i automatyczna , więc wyjaśnijmy je.

Aby rozpocząć konfigurację, przejdź do Ustawienia > WP Media Folder > Chmura > Dysk Google . Tutaj możesz wybrać typ dysku :

• Dysk osobisty : Twoje konto osobiste.
• Dysk współdzielony : Twoje konto Gsuite.

Następnie wybierz typ łącza dla swoich obrazów:

• Link publiczny : wygeneruj publicznie dostępny link do swoich plików i nadaj odpowiednie prawa plikom w chmurze (link udostępniony). Np.: https://drive.google.com/uc?id=1Bq_VQt4z5Sy74Xg3IoN3KKWg4P7gymV1
• Prywatny link : link AJAX, ukryj link do chmury, aby zachować oryginalne prawa dostępu do pliku (użytkownicy muszą się zalogować, aby przeglądać obrazy). Np.: https://twojadomena.com/wp-admin/admin-ajax.php?action=wpmf-download-file&id=1Bq_VQt4z5Sy79Xg3IoN3KKWg4P7gymV1&dl=0

Następnie kontynuuj nawiązywanie połączenia:

Po pierwsze, aby móc korzystać z tej funkcji, musisz połączyć swoje konto Joomunited w Ustawieniach menu > Ogólne . Jeśli jeszcze tego nie zrobiłeś, kliknij łącze ustawień WordPress.

Po wykonaniu tej czynności wróć do Ustawienia > WP Media Folder > Chmura > Dysk Google , wybierz Tryb automatyczny , a następnie Połącz Dysk Google .

Wykonaj poniższe kroki, aby połączyć swoje konto Google i to wszystko – Twoja witryna będzie już połączona :)

Naprawdę łatwe i szybkie, prawda?

Tryb ręczny : najpierw musisz utworzyć aplikację Google Dev, aby połączyć ją ze swoją witryną. W tym celu przejdź tutaj i utwórz projekt .

Następnie wybierz nazwę projektu i lokalizację.

Jeśli po raz pierwszy korzystasz z interfejsu API Dysku Google , przejdź do sekcji Interfejsy API i usługi > Biblioteka , poszukaj interfejsu API Dysku Google i kliknij opcję Włącz .

Teraz, gdy ta opcja jest włączona, utwórzmy klucze łączące Twoją witrynę WordPress. Przejdź ponownie do menu po lewej stronie i kliknij API i usługi > Poświadczenia .

Kliknij + Utwórz dane uwierzytelniające > Identyfikator klienta OAuth . Jeśli zostaniesz o to poproszony, dodaj nazwę na ekranie zgody OAuth.

W aplikacji możesz wybrać Aplikację internetową i dodać dowolną nazwę. Dla pozostałych parametrów użyj następujących opcji:

• Autoryzowane źródło JavaScript : https://twoja-domena.com (zastąp nazwą swojej domeny, bez ukośnika na końcu)
• Autoryzowane adresy URI przekierowań : https://twoja-domena.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_authenticated
  (zastąp nazwą swojej domeny)

Pamiętaj, że jeśli pojawi się to ostrzeżenie: „Aby utworzyć identyfikator klienta OAuth, musisz najpierw ustawić nazwę produktu na ekranie zgody”, kliknij przycisk Konfiguruj ekran zgody lub przejdź do Interfejsy API i usługi >> Ekran zgody OAuth, a następnie dodaj nazwę swojej domeny w polu Autoryzowane domeny.

Najpierw musisz wybrać typ użytkownika .

Możesz wybierać pomiędzy:

• Wewnętrzna : Twoja aplikacja jest dostępna wyłącznie dla użytkowników G Suite w Twojej organizacji.
• Zewnętrzna : Twoja aplikacja będzie dostępna dla każdego użytkownika posiadającego konto Google.
  

Ostatnim krokiem jest przejście do Ustawień > WP Media Folder > Chmura > Dysk Google i wybranie trybu ręcznego. Na tym ekranie pojawi się opcja dodania tajnego klucza klienta i identyfikatora klienta. Wystarczy je tam wkleić i kliknąć Połącz Dysk Google .

Zezwól aplikacji WP Media Folder na dostęp do aplikacji i to wszystko! Twoje konto Google będzie połączone!

Stwórzmy galerie w chmurze WordPress

Teraz, gdy połączyliśmy Dysk Google z naszą Biblioteką multimediów, połączenie będzie naprawdę proste. Zostanie wygenerowany folder główny na koncie Dysku Google, a wszystkie dodane do niego multimedia/foldery pojawią się w Bibliotece multimediów w folderach Dysku Google, a wszystkie multimedia/foldery dodane do Biblioteki multimediów w folderach Dysku Google pojawią się na koncie Dysku Google.

Zacznijmy od utworzenia galerii. W tym celu przejdź do Biblioteki multimediów > Dysk Google i dodaj nowy folder, aby zachować porządek. Na przykład, my dodaliśmy nowy folder o nazwie Galeria , który wykorzystamy w tym samouczku.

Prześlij zdjęcia tam, a zobaczysz je na Dysku Google.

A teraz przejdźmy do najzabawniejszej części, czyli tworzenia galerii! W tym celu przejdź do Wpisu/Strony > Dodaj nową (lub edytuj już utworzoną).

W tym przypadku wykorzystamy Edytor Gutenberg, ale możesz skorzystać z dowolnego innego Page Buildera, ponieważ wszystkie są kompatybilne z WP Media Folder ;)

Skoro już tu jesteś, kliknij + > WP Media Folder Gallery .

Zostaną wyświetlone wszystkie dostępne foldery, łącznie z tymi z Dysku Google. Wybierzemy utworzony przez nas folder o nazwie Galeria , a następnie klikniemy Utwórz galerię .

Zobaczysz podgląd motywu, możesz go zmienić na prawym panelu.

Podgląd motywów:

Domyślny

Masonry

Portfolio

Slajder

Jak widać, wystarczy wybrać obrazy, motyw i opublikować je. Dostępne są też inne opcje, dzięki którym możesz dostosować galerie według własnych potrzeb, np. kolejność, działanie po kliknięciu i rozmiar Lightboxa.

Możesz sprawdzić na swoim serwerze, czy zdjęcia nie będą istnieć, ponieważ są one hostowane tylko na Dysku Google ;)

Tworzenie profesjonalnych galerii za pomocą dodatku Galeria

Inną opcją tworzenia galerii jest użycie dodatku Gallery Addon . Ten niesamowity dodatek oferuje więcej motywów galerii i opcji ich edycji, a także interfejs umożliwiający ich dostosowywanie przed opublikowaniem.

Znajdziesz ją, wybierając kolejno opcje Media > Galerie folderów multimediów . Na tym ekranie kliknij +Dodaj nową galerię i skonfiguruj opcje galerii. Możesz wybrać nazwę galerii, a także wybrać motyw galerii, którego chcesz użyć.

Wybierz nazwę, poziom galerii i motyw galerii, a następnie kliknij Utwórz .

Tutaj możesz zobaczyć wszystkie dostępne opcje dodawania obrazów. W tym przypadku, gdy będziemy korzystać z dodatku Google Drive, wybierz ikonę WordPressa.

Spowoduje to otwarcie Biblioteki multimediów . Wybierz folder Google Drive, który utworzyliśmy wcześniej (w tym przypadku o nazwie Galeria ), i wybierz wszystkie obrazy, które chcesz dodać do galerii. Na koniec kliknij Importuj .

Na tym ekranie zobaczysz obrazy, dzięki czemu będziesz mógł zmienić ich kolejność, ustawić obraz jako okładkę lub zmienić ustawienia konkretnego obrazu, takie jak nazwa alternatywna i tytuł :)

Teraz wystarczy wybrać galerię, dostosować ją do swoich potrzeb, zatwierdzić podgląd galerii i zapisać ją!

W ustawieniach wyświetlania i kodzie krótkim możesz ustawić:

• Temat
• Rozmiar obrazu galerii
• Rozmiar lightboxa
• Akcja po kliknięciu (otworzenie nowej strony lub lightboxa)
• Kolumny
• Zamówienie
• Ustawienia nawigacji (takie jak rozmiar przycisku i przycisków)

Możesz również skopiować krótki kod z tego ekranu, jeśli chcesz go używać zamiast predefiniowanego bloku dla każdego Page Buildera.

Teraz ostatnim krokiem jest podgląd galerii, aby upewnić się, że wszystko jest w porządku. Można to zrobić w trzeciej karcie o nazwie Podgląd .

Dodatkowo dostępne są następujące motywy wraz z dodatkiem:

Slajd przepływu

Siatka kwadratowa

Material

Teraz, gdy wybrałeś motyw i zakończyłeś konfigurację, możesz kontynuować publikowanie galerii. W tym celu przejdź do swojego wpisu/strony i edytuj ją. W edytorze Gutenberg kliknij + > Dodatek galerii WPMF.

Kliknij Wybierz lub Utwórz galerię , co spowoduje załadowanie pulpitu nawigacyjnego dodatku galerii, dzięki czemu możesz wybrać galerię lub utworzyć nową, sprawdzić podgląd, a następnie kliknąć Wstaw .

A teraz wstaw swoją galerię i w końcu ją opublikuj! Jak widać, dodatek Gallery Addon oferuje więcej możliwości niż zwykłe galerie, czyli przejście na wyższy poziom :)

Utwórz swoją pierwszą galerię Google Drive w WordPressie

Oszczędzasz miejsce na serwerze, wykorzystując Google Drive do galerii WordPress i tworząc bardziej wydajny i zorganizowany obieg multimediów. WP Media Folder oferuje łatwą i elastyczną opcję tworzenia galerii bezpośrednio połączonych z Google Drive, z atrakcyjnymi motywami i elementami sterowania wyświetlaniem oraz funkcjami takimi jak dodawanie zdalnych filmów z serwisów streamingowych !

Jesteś gotowy, aby przenieść swoją stronę internetową na wyższy poziom? Stwórz swoją pierwszą galerię w WordPressie z Google Drive już dziś i ciesz się prostszym i bardziej profesjonalnym zarządzaniem multimediami!