DIVI를 위한 최고의 갤러리 관리자로 멋진 갤러리를 만들어 보세요

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

이런 경우에는 일반적으로 DIVI를 사용합니다. DIVI는 완벽한 도구를 갖춘 잘 알려진 페이지 빌더이지만 이미지를 추가할 때 제한이 있을 수 있으며, 이 부분에서 WP Media Folder 도움이 됩니다.

WP Media Folder 와 갤러리 관리자를 사용하면 DIVI에서 바로 갤러리를 관리하고 추가할 수 있습니다. 이 튜토리얼에서는 그 방법이 얼마나 쉬운지 알아보겠습니다 ;)

DIVI , WP Media Folder , WP Media Folder Addon , WP Media Folder Gallery Addon을 사용할 것입니다 .

WordPress와 Google Photos 앨범을 연결하여 멋진 갤러리를 만들어 보세요.

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

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

우선, 이를 위해 Google Dev 앱이 필요합니다. 여기로 이동하세요: https://console.developers.google.com/project 그리고 새로운 프로젝트를 생성하세요.

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

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

사진 라이브러리 API를 처음 사용하는 경우 , 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
  

OAuth 동의 화면 탭 > 앱 편집 에서 승인된 도메인을 입력해야 합니다 .

+도메인 추가를 클릭하고 도메인을 추가하세요.

도메인 확인 에도 추가하세요 .

완료! WP Media Folder설정에 추가할 ID와 비밀번호를 받게 됩니다 :)

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

가장 쉬운 자동 모드를 사용하면 됩니다. Google 계정에만 로그인하면 됩니다. 자동 모드를 사용하려면 자동을 다음 Google 사진 연결을 .

팝업창이 나타나면 동의를 .

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

정말 쉽고 빠르죠? :)

Google Photos에서 WordPress Divi Gallery로

제목에서 말했듯이 Google Photos에서 WordPress Divi Gallery로, 이제 Google Photos가 연결되었으므로 계정의 앨범에서 갤러리를 만들 수 있습니다.

우선, 관리자로부터 새로운 갤러리를 만들겠습니다.

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

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

+새 갤러리 추가를 클릭합니다 .

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

모든 옵션을 선택하세요. 하지만 갤러리를 만든 후에 편집할 수 있으니 걱정하지 마세요. 변경할 수 없는 것은 아니니까요 ;)

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

Google Photos를 선택 하지만, 원하는 것을 선택하셔도 됩니다.

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

앨범 가져오기를 클릭하여 전체 앨범을 가져올 수 선택 항목 가져오기를 클릭할 수도 있습니다 .

예를 들어, 여기서는 5개의 이미지를 선택하여 이 중 하나만 가져옵니다.

원하는 이미지를 클릭한 다음, 앞서 설명한 대로 ' 선택 항목 .

이제 갤러리에 이미지를 추가했으므로 관리자에서 이미지를 볼 수 있습니다. 첫 번째 화면에서 이미지를 정렬하고, 갤러리 표지에 이미지를 설정하고, 이미지 자체를 편집할 수 있습니다.

디스플레이 설정 및 단축 코드 라는 또 다른 탭이 보일 것입니다 .

이 섹션에서는 테마 사용, 열 수, 이미지 크기, 클릭 시 동작, 라이트박스 크기(클릭 시 동작으로 라이트박스를 선택한 경우) 등 갤러리에서 추가 설정을 편집할 수 있는 옵션이 제공됩니다.

해당 갤러리를 사용하고 싶으시다면 해당 갤러리의 단축 코드도 있습니다 ;)

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

이제 갤러리 만들기가 끝났으니, 저장을 클릭하고 편집하려는 페이지/게시물로 가서 Divi Builder 사용을 . 문제없이 프런트엔드나 백엔드에서 사용할 수 있습니다;)

평소처럼 열을 선택한 다음 WPMF 갤러리 애드온 모듈을 찾으세요.

다음 팝업에서는 이미 생성된 갤러리를 추가하는 옵션과 갤러리 관리자의 표시 탭에서 본 다른 모든 옵션을 볼 수 있으므로 갤러리를 쉽게 편집할 수 있습니다.

우리는 이전에 만든 갤러리를 선택할 것입니다.

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

변경 사항이 있을 때마다 미리 보기를 클릭하거나 페이지를 새로 고침하지 않고도 작업 진행 상황을 확인하고 싶을 때 가장 좋은 도구입니다.

이제 페이지 생성을 마치고 프런트엔드에서 갤러리가 어떻게 보일지 걱정할 필요 없이 게시할 수 있습니다.

정말 멋진 도구죠?

클라우드에서 Divi로 직접 갤러리를 만드세요

아마 이게 전부라고 생각하셨겠지만, 정답은 '아니요'입니다! 클라우드에 호스팅된 이미지로 갤러리를 만들 수도 있습니다. 저장 공간도 절약할 수 있고, Divi를 사용해서 갤러리를 배치할 수도 있습니다 ;)

여기서는 Google Drive 폴더를 사용하지만 WP Media Folder 와 애드온(Dropbox, AWS, OneDrive)을 사용하면 다른 클라우드 통합도 가능하다는 점을 명심하세요.

Google Drive를 WordPress 사이트에 연결하려면 여기에서 . 프로세스는 Google Photos와 비슷하므로 문제가 발생하지 않을 것입니다.

Google 드라이브 폴더를 만들거나 동기화한 후 편집하려는 페이지/게시물로 이동하여 Divi Builder 사용을 열을 추가한 다음 모듈에서 WPMF Gallery .

이 모듈을 사용하면 Divi Builder에서 직접 갤러리를 만들 수 있습니다. 먼저 이미지 에서 갤러리 이미지 추가를 .

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

이 사례에서는 Google Drive 폴더를 사용할 것입니다.

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

이렇게 하면 Divi 모듈에 있는 모든 이미지가 로드되고 테마, 열, 크기, 클릭 시 동작, 테두리, 그림자, 테두리 반경, 이미지에 흐림 효과를 추가하는 옵션 등 갤러리 에디션에 사용 가능한 모든 옵션이 표시됩니다.

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

보시다시피, 이 플러그인들은 완벽한 조합이에요 ;)

최고의 조합으로 가장 전문적인 WordPress 웹사이트를 만들어보세요

WP Media Folder 에서 사용 가능한 모든 기능 중 몇 가지 기능만 소개해 드렸습니다 OneDrive 같은 클라우드 연결 기능도 있습니다. 이 모든 멋진 기능을 지금 바로 사용해 보세요! 지금 바로 여기를 하여 멤버십을 구매하세요 :)