엘리멘터를 위한 최고의 갤러리 관리자 플러그인으로 멋진 갤러리를 만드세요

페이지 빌더와 갤러리는 대부분의 경우 워드프레스 웹사이트에서 중요한 역할을 합니다. 갤러리를 통해 이미지/제품을 멋지게 표시할 수 있고, 페이지 빌더를 통해 콘텐츠를 전문적으로 생성하고 추가할 수 있기 때문입니다.

엘리멘터와 같은 페이지 빌더는 일반적으로 갤러리를 생성하는 도구/블록을 가지고 있지만, 사용자 정의 옵션이 많지 않아 최상의 결과를 내지 못합니다. 그러나 WP Media Folder가 이 문제를 해결해 드립니다 ;)

WP Media Folder 은 갤러리를 만들고 사용자 정의할 수 있는 갤러리 애드온을 제공합니다.

이 게시물에서는 엘리멘터, 구글 포토 및 클라우드 폴더와 함께 사용하는 방법에 대해 설명합니다.

엘리멘터용 위젯이 포함된 갤러리 동영상

워드프레스 구글 포토 통합 설정

먼저 이 튜토리얼에서 사용하는 플러그인(엘리멘터, WP Media Folder및 2개의 프로 애드온(하나는 갤러리용, 다른 하나는 클라우드 연결용))에 대해 설명하겠습니다.

이제 우리는 그것을 알고 있으므로 시작하겠습니다. 구글 포토스에서 갤러리를 만들 것이므로 워드프레스 사이트를 구글 포토스 계정에 연결해야 합니다. 어떻게 하는지 살펴보겠습니다.

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

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

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

이 포토 라이브러리 API를 처음 사용하는 경우 활성화해야 합니다. 활성화하려면 왼쪽 메뉴의 마켓플레이스로 이동하세요.

이제 검색 상자에서 포토 라이브러리 API를 입력하고 검색하세요.

클릭한 다음 사용

이제 사용으로 설정되었으므로 왼쪽 메뉴에서 "API 및 서비스"를 클릭하고 이 패널에서 사용자 인증 정보

이제 여기에 있으므로 상단 패널에서 + 사용자 인증 정보 만들기 > OAuth 클라이언트 ID

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

• "웹 애플리케이션"을 선택하고 원하는 이름을 추가합니다.
• Authorized JavaScript origin: https://your-domain.com (replace by your domain name, with no trailing slash).
  
• 권한이 있는 리디렉션 URI: https://your-domain.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_google_photo_authenticated
  

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

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

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

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

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

"연결 모드"에서 자동을 선택한 다음 Google Photo 연결을 클릭하여 자동으로 쉽게 연결할 수 있습니다.

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

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

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

엘리멘터 + 갤러리 플러그인, 최고의 조합

이제 연결이 완료되었으니, 미디어 > 미디어 폴더 갤러리로 이동하세요. 이 섹션에서 + 새 갤러리 추가를 클릭하고 새 갤러리의 이름을 지정하세요. 이 튜토리얼에서는구글 P 갤러리로 명명하겠습니다. 또한,정사각형 그리드 갤러리를 사용하겠습니다.

이제 갤러리를 설정하고 이미지를 추가할 수 있는 모든 옵션이 있습니다. 구글 포토 로고를 클릭하세요.

이렇게 하면 Google 포토 계정에서 사용할 수 있는 모든 이미지가 포함된 팝업이 로드되며, 앨범에서 여러 이미지를 선택하거나 전체 앨범을 선택할 수 있는 옵션이 있습니다. 이 자습서에서는 전체 앨범을 선택하겠습니다. 이를 위해 앨범을 선택한 다음 앨범 가져오기를 클릭합니다.

앨범이 가져와졌다는 알림이 표시됩니다.

잠시 기다리면 완료됩니다. 갤러리 대시보드에 업로드된 모든 이미지가 표시되며, 새 갤러리를 선택하는 등의 모든 수정을 할 수 있습니다.

이제 디스플레이 설정 및 쇼트코드 탭으로 이동하여 갤러리를 완전히 사용자 정의할 수 있습니다. 순서, 열 수 및 클릭 시 동작과 같은 설정이 있습니다.

갤러리 설정을 마친 후, 저장을 클릭하고, 갤러리를 추가하려는 페이지/포스트로 이동하여 Elementor로 편집을 클릭하여 페이지 빌더를 로드합니다.

이제 갤러리를 추가하려는 섹션을 선택하고 WP Media Folder 블록을 찾습니다.

보시다시피 4개의 사용 가능한 블록이 있습니다. 이 튜토리얼에서는 WP Media Folder 갤러리 애드온을 사용합니다. 그러면 페이지 빌더에 갤러리 애드온이 로드됩니다.

블록을 섹션으로 이동하면 미리보기 옵션이 표시되고 왼쪽에는 갤러리 선택 옵션이 있습니다. 이전에 생성한 갤러리를 선택합니다.

오른쪽 섹션에서 갤러리의 미리보기를 볼 수 있으며 왼쪽 섹션에서 새 옵션을 선택하면 자동으로 업데이트되므로 확인하고 모든 것이 정상인지 확인한 다음 게시

그게 다야! 몇 번의 클릭으로 전문 갤러리를 만들고 페이지 빌더에서 직접 구성했습니다. :)

엘리멘터를 사용하여 워드프레스에서 구글 드라이브 갤러리 만들기

 추가로 WP Media Folder 을 사용하면 미디어 라이브러리를 클라우드 서비스(Dropbox, Google Drive, OneDrive및 AWS)와 연결할 수 있으므로 클라우드의 이미지를 사용하여 갤러리를 만드는 방법을 살펴보겠습니다.

이 예제에서는구글 드라이브연결을 사용합니다. 연결 방법은여기에서 확인할 수 있으며 이 과정은 구글 포토와의 연결과 매우 유사합니다 :)

설정이 완료되고 구글 드라이브 폴더를 동기화/생성하면 원하는 페이지/포스트로 이동하여Elementor로 편집을 클릭합니다.

왼쪽 섹션에서WP Media Folder섹션을 찾고WP Media Folder갤러리블록을 클릭합니다.

이제+"이미지 추가" 섹션에서 클릭합니다.

This will open a pop-up with the Media Library, select the Cloud Folder, all the images that you want to add by clicking on them, and finally Create a new Gallery > insert Gallery.

클라우드에서 직접 가져온 이미지를 사용하여 갤러리를 생성하므로 추가한 후 왼쪽 섹션에서 갤러리 설정을 구성하고 오른쪽 섹션에서 갤러리의 미리보기를 확인하여 정말 쉽게 편집하고 갤러리가 원하는 대로 표시되는지 확인할 수 있습니다 :)

이제 Elementor를 사용하여 정말 쉬운 방법으로 WP Media Folder의 강력한 기능을 사용하여 갤러리를 만들고 Google 드라이브를 사용하여 저장 공간도 절약할 수 있습니다. 더 필요한 것이 무엇인가요? :)

최고의 워드프레스 갤러리 플러그인 사용 시작

이 게시물에서 우리는 WP Media Folder의 몇 가지 기능에 대해서만 설명했으며, 볼 수 있듯이 이 기능 덕분에 훨씬 더 쉬워졌습니다. 그리고 새로운 테마와 인터페이스로 더욱 향상되었습니다.! 무엇을 기다리고 있나요? 여기로 가서 멤버십을 얻으세요. 이 게시물에 표시된 것보다 더 많은 갤러리와 멋진 도구들이 있습니다 :)