Przejdź do głównej zawartości
Czas czytania: 9 minut (1818 słów)

Jak tworzyć galerie WordPress za pomocą multimediów Google Drive

JU_NEWS_google-drive-media-
Tworzenie galerii w WordPress często wymaga dużo miejsca na dane i skomplikowanego procesu zarządzania multimediami. Ale co, jeśli możesz połączyć WordPress z Google Drive, aby zarządzać galeriami bezpośrednio z chmury? 

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.

Ż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

Podłączanie Google Drive do Twojej strony internetowej

Pierwszym krokiem w tym samouczku jest połączenie Google Drive z witryną, a zobaczysz, jak to proste, najpierw potrzebujesz dodatku chmury z WP Media Folder , który umożliwi Ci połączenie Twojej witryny z Google Drive.

Teraz, gdy zainstalowaliśmy WP Media Folderi 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 osobiste konto.
  • Wspólny Dysk: Twoje konto Gsuite.

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

  • Link publiczny: generuj publicznie dostępny link do swoich plików i wpływaj na odpowiednie prawa do plików w chmurze (Udostępniony link). 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 połączenie:

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.

Postępuj zgodnie ze wskazówkami, aby połączyć swoje konto Google, i to wszystko, masz już połączoną swoją stronę :)

Naprawdę łatwe i szybkie, prawda?

Tryb ręczny: najpierw musisz utworzyć Google Dev APP, aby połączyć je ze swoją stroną, w tym celu przejdź tu i utwórz 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ć wybraną nazwę, dla pozostałych parametrów użyj poniższych:

  • Dozwolone źródło JavaScript: https://your-domain.com (zamień na 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 interfejsów API i usług >> Ekran zgody OAuth, a następnie dodaj nazwę swojej domeny w Autoryzowanych domenach.

Najpierw musisz wybrać typ użytkownika.

Możesz wybrać pomiędzy:

  • Wewnętrzny: Twoja aplikacja jest ograniczona do użytkowników G Suite w Twojej organizacji.
  • Zewnętrzny: Twoja aplikacja będzie dostępna dla każdego użytkownika z kontem Google.
Po wybraniu tej opcji możesz wrócić do drugiego ekranu, gdzie wybrałeś typ aplikacji , aby dokończyć konfigurację i gotowe! Będziesz mieć identyfikator i klucz tajny , aby dokończyć WP Media Folder :)

Ostatnim krokiem jest przejście do Ustawień > WP Media Folder > Chmura > Dysk Googlei 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!

Tworzenie chmurowych galerii WordPress

Teraz, gdy połączyliśmy Dysk Google z naszą Biblioteką Mediów, połączenie będzie działać naprawdę prosto - zostanie wygenerowany folder główny na Twoim koncie Dysku Google, a wszystkie media/foldery dodane tam pojawią się w Twojej Bibliotece Mediów pod folderami Dysku Google, a wszystkie media/foldery dodane do Twojej Biblioteki Mediów pod folderami Dysku Google pojawią się na Twoim 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 tam zdjęcia, a zobaczysz je odzwierciedlone na Dysku Google.

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

W tym przypadku użyjemy Edytora Gutenberg, ale możesz użyć dowolnego innego Kreatora Stron, ponieważ wszystkie są kompatybilne z WP Media Folder ;)

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

To pokaże Ci wszystkie dostępne foldery, w tym te z Dysku Google. Wybierzemy ten, który utworzyliśmy o nazwie Galeria, a następnie kliknij Utwórz galerię.

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

Podgląd motywu:

Domyślne

Masonry

Portfolio

Suwak

Jak widać, jest to tak proste, jak wybranie obrazów, motywu i opublikowanie go, istnieją inne opcje, dzięki którym możesz dostosować galerie do swoich potrzeb, takie jak kolejność, akcja po kliknięciu i rozmiar Lightbox.

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

Używanie dodatku galerii do tworzenia profesjonalnych galerii

Inną opcją, gdy chcesz utworzyć galerie, jest użycie dodatku Gallery, ten wspaniały dodatek oferuje więcej motywów galerii i opcji edycji z interfejsem do dostosowywania 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.

Teraz możesz zobaczyć wszystkie dostępne opcje dodawania obrazów. W tym przypadku, gdy będziemy używać dodatku Google Drive, wybierz ikonę WordPress.

To otworzy Bibliotekę multimediów, wybierzemy folder Google Drive, który utworzyliśmy wcześniej, w tym przypadku nazwany Galeria, i wybierzemy wszystkie obrazy, które chcesz dodać do galerii, a na końcu kliknij na Importuj.

Zobaczysz obrazy na tym ekranie, dzięki czemu możesz zmienić ich kolejność, ustawić obraz jako okładkę lub zmienić ustawienia konkretnego obrazu, takie jak nazwa alternatywna i tytuł :)

Teraz wszystko, co musimy zrobić, to wybrać galerię, dostosować ją do Twoich treści, potwierdzić galerię za pomocą podglądu i zapisać!

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

  • Motyw
  • Rozmiar obrazu galerii
  • Rozmiar lightboxa
  • Działanie po kliknięciu(otwórz nową stronę lub lightbox)
  • Kolumny
  • Zamówienie
  • Ustawienia nawigacji(takie jak przycisk i rozmiar przycisków)

Możesz również skopiować shortcode z tego ekranu, jeśli chcesz go użyć zamiast predefiniowanego bloku dla każdego Page Builder.

Ostatnim krokiem jest podgląd galerii, aby potwierdzić, że wszystko jest w porządku, co można zrobić w trzeciej karcie zatytułowanej Podgląd.

Dodatkowe dostępne tematy z dodatkiem są następujące:

Przesuwanie

Siatka kwadratowa

Materiał

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ę, spowoduje to załadowanie kokpitu dodatku galerii, dzięki czemu będziesz mógł wybrać galerię lub bezpośrednio utworzyć nową, sprawdzić podgląd, a następnie kliknąć Wstaw

Teraz wstaw swoją galerię i w końcu ją opublikuj! Jak widzisz, dodatek galerii oferuje więcej możliwości niż zwykłe galerie, to tak, jakbyś wkroczył na wyższy poziom :)

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

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

Oszczędzasz miejsce na serwerze, wykorzystując Dysk Google do galerii WordPress i tworząc bardziej wydajny i zorganizowany obieg mediów. WP Media Folder oferuje łatwą i elastyczną opcję tworzenia galerii bezpośrednio podłączonych do Dysku Google, z atrakcyjnymi motywami i kontrolami wyświetlania oraz funkcjami takimi jak dodawanie zdalnych filmów z serwisów strumieniowych!

Czy jesteś gotowy przenieść swoją stronę na wyższy poziom? Utwórz swoją pierwszą galerię w WordPress z Google Drive już dziś i ciesz się prostszym i bardziej profesjonalnym doświadczeniem w zarządzaniu mediami!

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
Niedziela, 10 maja 2026 r

Obrazek Captcha