Google Drive 미디어를 사용하여 WordPress 갤러리를 만드는 방법

Google Drive를 사용하여 WordPress 갤러리를 만드는 편리한 방법을 살펴보겠습니다. 이는 WP Media Folder를 사용하면 완전히 가능하며, 서버 공간을 차지하지 않고 Google Drive에서 직접 미디어에 액세스할 수 있습니다.

Google Drive를 웹사이트에 연결하기

이 튜토리얼의 첫 번째 단계는 Google Drive를 사이트와 연결하는 것이며, 얼마나 쉬운지 알게 될 것입니다. 우선, 사이트를 Google Drive와 연결할 수 있게 해주는 Cloud Addon 이 필요합니다. 이는 WP Media Folder 의 애드온입니다.

이제 WP Media Folder와 Cloud Addon 을 설치했으므로 설정을 시작할 수 있습니다. 이를 위해서는 수동 과 자동 두 가지 옵션이 있으니 설명해 드리겠습니다.

설정을 시작하려면 설정 > WP Media Folder > 클라우드 > Google Drive로 이동하세요. 여기에서 드라이브 유형을 선택할 수 있습니다:

• Personal Drive: 개인 계정입니다.
• 공유 드라이브: G Suite 계정.

그런 다음 이미지에 사용할 링크 유형을 선택하세요:

• 공개 링크: 파일에 대해 공개적으로 접근 가능한 링크를 생성하고 클라우드 파일에 적절한 권한을 적용합니다(공유 링크). 예: https://drive.google.com/uc?id=1Bq_VQt4z5Sy74Xg3IoN3KKWg4P7gymV1
• 비공개 링크: AJAX 링크로, 클라우드 링크를 숨겨 파일의 원래 접근 권한을 유지합니다(사용자가 이미지를 보려면 로그인해야 합니다). 예: https://yourdomain.com/wp-admin/admin-ajax.php?action=wpmf-download-file&id=1Bq_VQt4z5Sy79Xg3IoN3KKWg4P7gymV1&dl=0

그런 다음 연결을 진행하세요:

먼저, 이 기능을 사용하려면 메뉴 설정 > 일반에서 Joomunited 계정을 연결해야 합니다. 아직 연결하지 않았다면 WordPress 설정 링크를 클릭하세요.

이 작업을 완료한 후, 설정 > WP Media Folder > 클라우드 > Google Drive로 돌아가서 자동 모드를 선택한 다음 Google Drive 연결을 클릭하세요.

Google 계정을 연결하는 단계를 따르면 끝입니다. 사이트가 연결되었습니다 :)

정말 쉽고 빠르죠?

수동 모드: 우선 사이트와 연결할 Google Dev APP을 만들어야 합니다. 이를 위해 여기 로 이동하여 프로젝트 만들기를 생성하세요.

그런 다음 프로젝트 이름과 위치를 선택하세요.

Google Drive API를 처음 사용하는 경우 API 및 서비스 > 라이브러리로 이동하여 Google Drive API를 찾아 사용 설정 을 클릭하세요.

이제 사용 설정했으니 WordPress 사이트를 연결할 키를 만들어 보겠습니다. 왼쪽 메뉴로 다시 이동하여 API 및 서비스 > 사용자 인증 정보를 클릭하세요.

클릭하세요 + Create Credentials > OAuth Client ID, 요청하는 경우 OAuth 동의 화면에 이름을 추가해 주세요.

애플리케이션에서 웹 애플리케이션을 선택하고 원하는 이름을 추가할 수 있으며, 다른 매개변수에는 다음을 사용하세요:

• 승인된 JavaScript 원본: https://your-domain.com (도메인 이름으로 교체, 끝에 슬래시 없음)
• 승인된 리디렉션 URI: https://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_authenticated
  (도메인 이름으로 교체)

다음과 같은 경고가 표시되면 주의하세요: "OAuth 클라이언트 ID를 만들려면 먼저 동의 화면에서 제품 이름을 설정해야 합니다"라는 경고가 나타나면 Configure consent screen 버튼을 클릭하거나 APIs & Services >> OAuth consent screen으로 이동한 후 Authorized domains에 도메인 이름을 추가해야 합니다.

먼저, 사용자 유형을 선택해야 합니다.

다음 중에서 선택할 수 있습니다:

• 내부용: 이 앱은 조직 내 G Suite 사용자만 사용할 수 있습니다.
• 외부: Google 계정이 있는 모든 사용자가 앱을 사용할 수 있습니다.
  

마지막 단계로 설정 > WP Media Folder > 클라우드 > Google Drive로 이동하여 수동 모드를 선택하세요. 이 화면에서 Client Secret과 Client ID를 추가하는 옵션이 표시되므로, 기본적으로 해당 항목을 붙여넣고 Google Drive 연결을 클릭하세요.

Allow WP Media Folder 가 APP에 접근하도록 허용하면 끝입니다! Google 계정이 연결됩니다!

WordPress 클라우드 갤러리를 만들어 보겠습니다

이제 Google Drive를 미디어 라이브러리에 연결했으므로 연결은 매우 간단하게 작동합니다. Google Drive 계정에 루트 폴더가 생성되고, 그곳에 추가된 모든 미디어/폴더는 미디어 라이브러리의 Google Drive 폴더 아래에 나타나며, Google Drive 폴더 아래에 추가된 미디어 라이브러리의 모든 미디어/폴더는 Google Drive 계정에 나타납니다.

이제 갤러리 생성부터 시작해 보겠습니다. 이를 위해 미디어 라이브러리 > Google Drive 로 이동한 후, 체계적으로 관리할 수 있도록 새 폴더를 추가할 수 있습니다. 예를 들어 이 튜토리얼에서 사용할 Gallery 라는 새 폴더를 추가해 보겠습니다.

이미지를 여기에 업로드하면 Google Drive에 반영된 것을 확인할 수 있습니다.

이제 가장 재미있는 부분인 갤러리 만들기를 진행해 보겠습니다! 이를 위해 게시물/페이지 > 새로 추가 로 이동하세요(또는 이미 만든 항목을 편집하세요).

이 경우에는 Gutenberg Editor를 사용하겠지만, 다른 Page Builder를 사용해도 됩니다. 모두 WP Media Folder 와 호환되기 때문입니다 ;)

이제 여기까지 왔으니, + > WP Media Folder 갤러리를 클릭하세요.

이렇게 하면 Google Drive의 폴더를 포함하여 사용 가능한 모든 폴더가 표시됩니다. 우리가 만든 Gallery라는 폴더를 선택한 다음 Create Gallery를 클릭합니다.

테마 미리보기가 표시되며, 오른쪽 패널에서 변경할 수 있습니다.

테마 미리보기:

기본값

Masonry

포트폴리오

슬라이더

보시다시피 이미지와 테마를 선택하고 게시하기만 하면 될 정도로 간단하며, 순서, 클릭 시 동작, 라이트박스 크기 등 원하는 대로 갤러리를 조정할 수 있는 다른 옵션들도 있습니다.

이미지가 서버에 존재하지 않는 것을 확인할 수 있습니다. 왜냐하면 이미지는 Google Drive 에만 호스팅되기 때문입니다 ;)

갤러리 애드온을 사용하여 전문적인 갤러리 만들기

갤러리를 만들고 싶을 때 사용할 수 있는 또 다른 옵션은 Gallery Addon을 사용하는 것입니다. 이 멋진 애드온은 더 많은 갤러리 테마와 편집 옵션을 제공하며, 게시하기 전에 인터페이스로 사용자 정의할 수 있습니다.

다음 경로로 이동하여 찾을 수 있습니다: 미디어 > 미디어 폴더 갤러리, 이 화면에서 +새 갤러리 추가 를 클릭하고 갤러리 옵션을 설정하세요. 갤러리 이름을 선택할 수 있으며, 사용할 갤러리 테마도 선택할 수 있습니다.

이름, 갤러리 레벨, 갤러리 테마를 선택한 다음 만들기를 클릭하세요.

이제 여기에서 이미지를 추가할 수 있는 모든 옵션을 볼 수 있습니다. Google Drive 애드온을 사용할 이 경우에는 WordPress 아이콘을 선택하세요.

이렇게 하면 미디어 라이브러리가 열립니다. 이전에 만든 Google Drive 폴더를 선택할 것입니다. 이 경우 갤러리라는 폴더를 선택하고, 갤러리에 추가할 모든 이미지를 선택한 다음, 마지막으로 가져오기를 클릭하세요.

이 화면에서 이미지를 확인하여 순서를 변경하거나, 이미지를 커버로 설정하거나, 특정 이미지의 설정(예: 대체 이름, 제목)을 변경할 수 있습니다 :)

이제 갤러리를 선택하고, 콘텐츠에 맞게 조정하고, 미리보기로 갤러리를 확인한 후 저장하기만 하면 됩니다!

표시 설정 및 숏코드에서 다음을 설정할 수 있습니다:

• 주제
• 갤러리 이미지 크기
• 라이트박스 크기
• 클릭 시 동작(새 페이지 열기 또는 라이트박스 열기)
• 열
• 순서
• 탐색 설정(버튼 및 버튼 크기 등)

각 Page Builder의 사전 정의된 블록 대신 사용하려는 경우 이 화면에서 숏코드를 복사할 수도 있습니다.

이제 마지막 단계는 갤러리를 미리 보기하여 모든 것이 정상인지 확인하는 것입니다. 이는 미리보기라는 세 번째 탭에서 할 수 있습니다.

애드온과 함께 사용할 수 있는 추가 테마는 다음과 같습니다:

흐름 슬라이드

스퀘어 그리드

Material

테마를 선택하고 설정을 완료했다면 이제 갤러리를 게시할 수 있습니다. 이를 위해 글/페이지 로 이동하여 구텐베르크 편집기에서 편집하고 + > WPMF 갤러리 애드온을 클릭하세요.

클릭하세요 갤러리 선택 또는 생성, 그러면 갤러리 애드온 대시보드가 로드되어 갤러리를 선택하거나 거기서 바로 새 갤러리를 만들 수 있습니다. 미리보기를 확인한 다음 삽입을 클릭하세요.

이제 갤러리를 삽입하고 마지막으로 게시하세요! 보시다시피 Gallery Addon은 일반 갤러리보다 더 많은 가능성을 제공합니다. 마치 한 단계 더 나아가는 것과 같죠 :)

워드프레스에서 첫 번째 Google Drive 갤러리 만들기

Google Drive를 WordPress 갤러리에 활용하면 서버 공간을 절약하고 더 효율적이고 체계적인 미디어 워크플로를 만들 수 있습니다. WP Media Folder 는 Google Drive에 직접 연결된 갤러리를 만들 수 있는 쉽고 유연한 옵션을 제공하며, 매력적인 테마와 디스플레이 컨트롤, 그리고 스트리밍 서비스의 원격 비디오 추가!

그럼, 웹사이트를 한 단계 더 발전시킬 준비가 되셨나요? 오늘 WordPress에서 Google Drive로 첫 갤러리를 만들어 더 간편하고 전문적인 미디어 관리 경험을 누려보세요!