DIVI를 위한 최고의 갤러리 관리자 WP Media Folder Gallery로 멋진 갤러리를 쉽게 만들어보세요

갤러리를 사용하는 것이 일반적으로 웹사이트에 콘텐츠를 표시하는 가장 좋은 방법 중 하나라는 것은 사실입니다. 이미지를 추가하는 것보다 더 전문적으로 보이기 때문입니다. 그러나 갤러리를 만들고 스타일을 추가하는 것은 페이지에 요소를 추가하고 웹사이트에 맞게 만드는 것과 마찬가지로 정말 지루한 작업이 될 수 있습니다.

DIVI는 일반적으로 이러한 경우에 사용하는 페이지 빌더로 완벽한 도구를 가지고 있지만 이미지를 추가할 때 제한될 수 있습니다. 여기서 WP Media Folder가 도움이 됩니다.

WP Media Folder 및 갤러리 관리자를 사용하면 DIVI에서 직접 갤러리를 관리하고 추가할 수 있습니다. 이 튜토리얼에서는 얼마나 쉬운지 살펴보겠습니다 ;)

이 게시물에서는 DIVI, WP Media Folder, WP Media Folder 애드온, 그리고 WP Media Folder 갤러리 애드온을 사용합니다.

WordPress와 Google Photos 앨범을 연결하여 멋진 갤러리 만들기

이 게시물의 주제 중 하나는 Google Photos 계정에서 직접 가져온 이미지를 사용하여 갤러리를 만드는 것입니다. 따라서 휴대폰에서 Google Photos로 이미지를 쉽게 업로드하고 WordPress 사이트에서 사용할 수 있습니다.

연결부터 시작해 보겠습니다.

먼저, 구글 개발자 APP이 필요합니다. 여기로 이동하세요: https://console.developers.google.com/project 새 프로젝트를 만드세요.

프로젝트에 이름을 추가하세요. 원하는 이름을 추가할 수 있습니다.

이제 프로젝트가 생성될 때까지 잠시 기다려 주십시오.

이 Photos Library API를 처음 사용하는 경우 활성화해야 합니다. 활성화하려면 왼쪽 메뉴의 MarketPlace로 이동합니다.

이제 검색 상자에 Photos Library API를 입력하고 검색합니다.

클릭한 다음 사용

이제 활성화되었으므로 왼쪽 메뉴에서 "API 및 서비스"를 클릭하고 이 패널에서 자격 증명으로 이동합니다.

이제 여기에 있으므로 상단 패널에서 + 자격 증명 만들기 > OAuth 클라이언트 ID로 이동합니다. 메시지가 표시되면 OAuth 동의 화면에 이름을 추가합니다.

이제 사용자 인증 정보를 다음과 같이 설정합니다:

• "웹 애플리케이션"을 선택하고 원하는 이름을 추가하십시오.
• 승인된 JavaScript 출처: https://your-domain.com (도메인 이름으로 대체, 슬래시로 끝나지 않음).
  
• 권한이 있는 리디렉션 URI: https://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_google_photo_authenticated
  

Google이 정책을 변경했으므로 OAuth 동의 화면 탭 > 앱 편집에서 권한이 있는 도메인을 입력해야 합니다.

승인된 도메인 섹션에서 +도메인 추가 를 클릭하고 도메인을 추가합니다.

또한 도메인 인증 섹션에도 추가합니다.

완료되었습니다! WP Media Folder의 구성에서 추가할 ID와 Secret을 얻을 수 있습니다 :)

이제 Google Photos 계정을 WordPress 사이트에 연결하겠습니다. 이렇게 하려면 설정 > WP Media Folder > 클라우드 > Google Photo 탭으로 이동합니다.

가장 쉬운 자동 모드를 사용할 수 있습니다. Google 계정에 로그인하기만 하면 됩니다. 이렇게 하려면 "연결 모드"에서 자동 을 선택한 다음 Google Photo 연결을 클릭합니다.

팝업이 나타나면 동의를 클릭합니다.

마지막 단계는 Google 계정에 로그인하고 권한을 허용하여 연결을 완료하는 것입니다.

그게 전부입니다. 정말 쉽고 빠르죠? :)

Google Photos에서 WordPress Divi 갤러리로

제목에서 말하는 것처럼 Google Photos에서 WordPress Divi 갤러리로 이동합니다. 이제 Google Photos가 연결되었으므로 계정의 앨범에서 갤러리를 만들 수 있습니다.

우선 관리자에서 새 갤러리를 만들 것입니다.

미디어 > 미디어 폴더 갤러리로 이동.

여기에서 WordPress 사이트, 컴퓨터 또는 (이 경우) Google 포토의 이미지에 대해 다양한 갤러리를 만들 수 있습니다.

클릭 + 새 갤러리 추가.

이렇게 하면 갤러리 이름을 입력하고 테마를 선택하고 상위 갤러리 또는 하위 갤러리로 추가할지 여부를 선택할 수 있는 팝업이 열립니다.

모든 옵션을 선택하지만 갤러리 생성 후 편집할 수 있으므로 걱정하지 마십시오. 변경할 수 없는 것은 아닙니다. ;)

이 화면에서 갤러리에 이미지를 추가하는 3가지 옵션이 있습니다. WordPress(미디어 라이브러리), 컴퓨터, Google 포토에서 추가할 수 있습니다.

이 튜토리얼에서는 구글 포토를 선택하겠습니다. 원하는 것을 선택할 수 있습니다.

구글 포토를 선택하면 이전에 사이트에 연결한 계정의 모든 앨범과 이미지가 표시됩니다.

앨범 가져오기를 클릭하거나 여러 이미지를 선택하고 선택 항목 가져오기를 클릭하여 전체 앨범을 가져올 수 있습니다.

예를 들어 여기서는 5개의 이미지를 선택하고 이 이미지들만 가져오겠습니다.

원하는 이미지를 클릭한 다음 앞에서 설명한 대로 선택 항목 가져오기를 클릭하는 것이 간단합니다.

이제 갤러리에 이미지를 추가했으므로 관리자의 첫 번째 화면에서 해당 이미지를 볼 수 있습니다. 여기에서 이미지 순서 지정, 갤러리 표지 이미지 설정, 이미지 자체 편집 등의 작업을 수행할 수 있습니다.

표시 설정 및 쇼트코드라는 또 다른 탭이 표시됩니다.

이 섹션에서는 사용할 테마, 열 수, 이미지 크기, 클릭 시 동작, 라이트박스를 클릭 시 동작으로 선택한 경우 라이트박스 크기와 같은 갤러리의 더 많은 설정을 편집할 수 있습니다.

해당 갤러리에 대한 쇼트 코드도 있으므로 원하는 경우 사용할 수 있습니다;)

Divi에서도 이러한 옵션을 사용할 수 있으므로 갤러리에서 무언가를 편집하려고 할 때마다 올 필요가 없습니다.

이제 갤러리 만들기가 완료되었으므로 저장 을 클릭 하고 편집하려는 페이지/게시물로 이동하여 Divi Builder 사용을 클릭 합니다. 프론트 엔드 또는 백엔드에서 문제없이 사용할 수 있습니다;)

일반적으로 열을 선택한 다음 WPMF 갤러리 애드온 모듈을 찾습니다.

다음 팝업에서 이미 생성된 갤러리를 추가하는 옵션과 갤러리 관리자(Display Tab)의 디스플레이 탭에서 보았던 다른 모든 옵션을 볼 수 있으므로 갤러리를 쉽게 편집할 수 있습니다.

이전에 생성한 갤러리를 선택합니다.

갤러리가 표시되고 모든 디스플레이 설정을 라이브 미리보기로 편집할 수 있으므로 모든 변경 사항이 자동으로 반영됩니다.

미리보기를 클릭하거나 변경할 때마다 페이지를 다시 로드하지 않고도 상황이 어떻게 진행되고 있는지 확인할 수 있는 최고의 도구입니다.

이제 프론트 엔드에서 갤러리가 어떻게 보일지 걱정하지 않고 페이지 만들기를 마치고 게시 할 수 있습니다.

정말 멋진 도구입니다. 그렇지 않습니까?

클라우드에서 Divi로 직접 갤러리 만들기

그래서 아마도 당신이 그것이 전부라고 생각했지만 대답은 '아니오'입니다! 클라우드에서 호스팅되는 이미지로 갤러리를 만들 수도 있습니다. 저장 공간을 절약 할 수 있으며 Divi를 사용하여 갤러리를 배치 할 수도 있습니다 ;)

이를 위해 Google 드라이브 폴더를 사용하지만 WP Media Folder 및 Addon (Dropbox, AWS, OneDrive)에서 다른 클라우드 통합 기능을 사용할 수 있습니다.

WordPress 사이트를 Google Drive와 연결하려면 자세한 가이드를 따라 여기에서 확인할 수 있습니다. 이 과정은 Google Photos와 유사하므로 문제가 발생하지 않습니다.

Google Drive 폴더를 생성/동기화한 후 편집하려는 페이지/게시물로 이동하여 Divi Builder 사용을 클릭하고 열을 추가한 다음 모듈에서 WPMF 갤러리를 찾습니다.

이 모듈을 사용하면 Divi Builder에서 직접 갤러리를 생성할 수 있습니다. 먼저 갤러리 이미지 추가를 클릭하여 이미지 섹션에 이미지를 추가합니다.

이렇게 하면 미디어 라이브러리가 팝업으로 로드되며, 추가하려는 이미지가 들어 있는 폴더를 찾아 클릭합니다.

이 경우에 Google Drive 폴더를 사용합니다.

이제 오른쪽 섹션에서 추가하려는 모든 이미지를 클릭하여 선택한 다음 선택을 클릭합니다.

이렇게 하면 Divi 모듈에 모든 이미지가 로드되며 갤러리 편집을 위한 모든 옵션(테마, 열, 크기, 클릭 시 동작, 테두리, 그림자, 테두리 반경 및 이미지에 블러를 추가하는 옵션)을 볼 수 있습니다.

이것의 가장 좋은 점은 사용자가 수행하는 각 변경 사항이 미리보기에서 자동으로 표시되므로 각 변경 사항에 대해 페이지를 다시 로드하거나 템플릿을 저장할 필요가 없다는 것입니다.

보시다시피 이러한 플러그인은 완벽한 조합입니다;)

최고의 조합으로 가장 전문적인 WordPress 웹사이트 얻기

우리는 WP Media Folder에서 사용 가능한 모든 기능 중 몇 가지 기능만 보여 주었습니다. AWS에 미디어를 완전히 오프로드하거나 PDF를 임베드하고 OneDrive 및 드롭박스와 같은 더 많은 클라우드 연결을 수행할 수 있는 다른 기능도 있습니다. 그러니 이러한 멋진 기능을 모두 사용하기 위해 무엇을 기다리고 계십니까? 여기로 이동하여 멤버십을 얻으십시오:)