Elementor에서 전문가처럼 이미지 갤러리를 추가하고 편집하세요

 Elementor를 사용하면 페이지나 게시물을 만드는 데 많은 도움이 되지만, 완벽하게 작동하려면 더 많은 도구가 필요할 수도 있습니다. 언급할 만한 중요한 도구 중 하나는 이미 강력한 페이지 빌더를 개선할 수 있는 갤러리 관리자입니다. Elementor에서 WP Media folder 로 갤러리를 직접 추가하고 편집하는 것이 얼마나 쉬운지 살펴보겠습니다.

갤러리 관리자와 모든 주요 페이지 빌더와의 통합과 같은 멋진 도구를 갖춘 WP Media Folder 몇 번의 클릭만으로 정말 멋진 갤러리를 만들고 미디어 라이브러리를 주문할 수 있습니다!

이 튜토리얼에서는 갤러리 관리자를 사용하고 Elementor에서 직접 갤러리를 만드는 방법을 알아보겠습니다.

WP Media Folder 로 WordPress 갤러리 만들기

우선, WP Media Folder Gallery Addon을 사용하여 갤러리를 만드는 것이 얼마나 쉬운지 살펴보겠습니다.

WP Media Folder 와 갤러리 애드온을 미디어 라이브러리 > 미디어 폴더 갤러리 찾을 수 있습니다

이 화면에서 + 새 갤러리 추가 + 새 미디어 갤러리 만들기를 클릭 .

그러면 갤러리 제목을 입력하고 테마를 선택할 수 있는 모달이 열립니다.

지금은 "내 갤러리"라는 이름을 지정하고 기본 테마를 그대로 두겠습니다.

이렇게 하면 갤러리를 설정하고 구축하기 위한 다양한 옵션이 있는 갤러리 생성 대시보드로 이동합니다. 먼저, 갤러리에 이미지를 추가합니다.

갤러리에 미디어를 추가하는 데는 여러 가지 옵션이 있습니다. 가장 중요한 옵션은 미디어 라이브러리 것과 PC 파일 탐색기
에서 직접 업로드하는 것입니다 . 두 가지 모두 살펴보겠습니다.

우선, 미디어 라이브러리 옵션이 있는데, 이를 클릭하세요.

여기를 클릭하면 미디어 라이브러리가 열리고, 미디어 라이브러리에 폴더가 있는 것을 볼 수 있습니다. 이는 WP Media Folder 미디어 폴더와 필터를 사용하여 모든 미디어를 최상의 방식으로 정리할 수 있습니다. 자세한 내용은 여기에서 , 이는 다른 게시물에서 다루겠습니다 ;)

이제 이미지를 추가하려면 이미지를 추가한 미디어 폴더로 가서 Ctrl 키를 누른 채 클릭하여 이미지를 선택한 다음, 이미지 가져오기를 .

이렇게 하면 선택한 모든 이미지가 갤러리 관리자에 추가되어 이미지를 사용하고 조정할 수 있습니다.

파일 탐색기 에서 이미지를 직접 업로드하는 옵션을 살펴보겠습니다 . 이를 위해 폴더 아이콘을 클릭하세요.

이렇게 하면 파일 탐색기가 즉시 열리고 폴더 내부를 탐색하고 갤러리에 추가할 이미지를 선택할 수 있습니다.

업로드할 이미지를 선택한 다음 ' 열기' .

이렇게 하면 완료됩니다! 이제 갤러리 관리자에 있는 모든 이미지를 갤러리에 사용할 준비가 되었습니다.

이제 모든 이미지가 제자리에 있으므로 갤러리 설정을 확인해 보겠습니다. 이를 위해 두 번째 탭인 디스플레이 설정 및 단축 코드를 .

첫 번째로, 각 갤러리가 고유한 설정을 가지고 있는 8개의 갤러리가 있는 것을 볼 수 있습니다.

Masonry 를 살펴보겠습니다 미리보기 에서 볼 수 있습니다 .

설정에서 모든 옵션 중에서 선택할 수 있습니다. 예를 들어 이미지 크기 및 masonry 레이아웃을 선택할 수 있습니다. 현재 세로에서 가로로 편집하고 이미지를 더 작게 만들어 보겠습니다.

이제 미리보기 탭을 확인하여 현재 모습이 어떤지 확인하세요.

보시다시피, 몇 번의 클릭만으로 몇 초 만에 수정하고 어떻게 보이는지 확인할 수 있는 멋진 기능을 갖춘 정말 좋은 도구입니다! 갤러리를 만드는 게 이렇게 쉬운 적은 처음이에요!

Elementor에 WordPress 갤러리 추가하기

WP Media Folder 사용하여 갤러리를 만드는 방법을 살펴보았으니 Elementor를 사용하여 게시물이나 페이지에 갤러리를 추가하는 방법을 살펴보겠습니다 .

이를 위해 페이지나 게시물로 이동하거나 직접 만든 후 Elementor로 편집을 페이지 빌더가 로드됩니다.

편집기에서 WP Media Folder 애드온 갤러리 블록을 찾아 콘텐츠에 추가하세요.

미디어 갤러리 추가 기능 블록이 추가되었음을 알려주는 블록이 로드됩니다.

왼쪽 탭에서 원하는 갤러리를 선택할 수 있으며, 이를 조정할 수도 있습니다.

먼저, '갤러리 선택' .

앞서 만든 갤러리는 블록 아래의 페이지 빌더에 자동으로 로드됩니다.

갤러리 관리자에서 선택한 Masonry 테마를 보여 줍니다. 블록 설정에서 직접 선택할 수 있는 테마에서 사용 가능한 모든 옵션을 확인해 보겠습니다.

Masonry

거의 모든 페이지에 완벽하게 들어맞는 정말 좋은 테마로, 많은 이미지를 보여줄 수 있었습니다.

기본값

이 테마를 사용하면 이미지의 제목을 사용하여 고전적인 방식으로 이미지를 표시할 수도 있습니다.

포트폴리오

이를 통해 기본 테마와 비슷한 이미지를 표시할 수 있지만 다른 글꼴을 사용하여 예술 작품을 표시하는 데 적합합니다.

슬라이더

슬라이드 당 몇 개의 이미지에 초점을 맞출 수 있는 고전적인 슬라이더입니다.

플로우 슬라이드

슬라이더 테마와 비슷하지만 다른 애니메이션이 추가되어, 슬라이드당 하나의 이미지에 초점을 맞추면서도 다른 이미지를 미리 볼 수 있습니다.

정사각형 그리드

이미지에 마우스를 올리면 이미지 제목이 표시되는 고전적인 갤러리입니다.

머티리얼

정말 멋진 테마로, 멋진 그림자와 제목을 적용한 정사각형 이미지를 보여줄 수 있습니다.

사용자 정의 그리드

이미지 크기를 원하는 대로 조절할 수 있는 그리드 테마는 원하는 이미지 크기/치수를 사용하여 갤러리를 만들 때 가장 좋은 옵션입니다. 갤러리 관리자에서 그리드 테마가 어떻게 작동하는지 간단히 살펴보겠습니다.

이제 모든 갤러리의 왼쪽 메뉴에서 사용 가능한 옵션을 살펴보겠습니다.

우선, 갤러리 탐색 기능 WP Media Folder 에서 제공하는 탐색 갤러리를 사용할 수 있으며 하위 갤러리 도 사용할 수 있습니다 여기에서

디스플레이 이미지 태그가 있습니다 . 이는 갤러리에 많은 이미지가 있고 사용자가 WP Media Folder .

테마 선택기가 있으며 , 선택한 테마에 따라 레이아웃과 슬라이더 전환 기간과 같은 특정 설정도 표시됩니다.

미디어 갤러리 관리자에서 만든 모든 갤러리 중에서 선택할 수 있는 갤러리 선택 을 찾을 수 있습니다

이미지 크기 : 이 옵션을 사용하면 사용 가능한 모든 이미지 크기 중에서 선택하여 이미지를 조정하여 콘텐츠에 완벽하게 어울리도록 할 수 있습니다.

LightBox 크기 옵션을 사용하면 이미지 크기와 마찬가지로 클릭 시 동작으로 선택할 경우 표시될 LightBox의 크기를 선택할 수 있습니다.

이미지를 클릭했을 때 더 큰 버전의 라이트박스를 표시할지, 다른 페이지로 이동할지, 아니면 아무것도 하지 않을지 선택할 수 있는 클릭 시 동작 기능 도 제공합니다

마지막 옵션은 갤러리에 이미지를 어떻게 표시할지 선택할 수 있는 주문 설정입니다.

물론, 이 외에도 이미지 사이에 여백을 추가하고, 호버 색상을 변경하고, 테두리와 그림자를 추가하는 설정도 있습니다.

보시다시피 Elementor를 사용하면 WP Media Folder 갤러리를 세부적으로 조정하고 페이지에 맞추는 것이 정말 쉽습니다!

미디어 폴더를 사용하여 빠른 갤러리 만들기

추가 주제로, WP Media Folder 에서 만든 폴더를 사용하여 몇 초 안에 갤러리를 만드는 방법을 보여드리겠습니다.

이 기능을 사용하면 폴더에 이미지가 추가될 때 갤러리에 자동으로 이미지를 추가할 수도 있습니다.

우선, 이전에 갤러리를 만들었던  미디어 라이브러리 아래의 미디어 폴더 갤러리 + 새 갤러리 추가 폴더에서 갤러리 만들기를 클릭합니다 .

폴더 탐색기가 표시되고, 여기서 사용할 폴더를 선택할 수 있습니다.

'만들기' 를 클릭하면 폴더 내부의 이미지가 자동으로 갤러리에 로드되어 단 몇 초 만에 갤러리를 만들 수 있습니다!

방금 선택한 폴더의 미디어 라이브러리에 이미지를 추가할 때 자동으로 이미지를 추가할 수도 있습니다. 이를 통해 갤러리 관리자로 가서 이미지를 직접 추가하는 시간을 절약할 수 있습니다.

이 옵션을 사용하려면 저장 바로 아래 오른쪽 상단에서 ' 폴더에 이미지 자동 추가' .

마법이 완성되었습니다! 프런트엔드에 자동으로 표시되는 이미지 폴더라니, 더 이상 뭘 바라겠어요? :) 

좋아하는 빌더로 WP Media Folder 사용해 보세요

플러그인이 실제로 작동하는 모습을 볼 수 있도록 단계별로 모든 것을 설명하는 비디오도 있습니다. 확인해 보세요!

Google Photos에서 가져와서 수 있는 놀라운 기능을 갖춘 플러그인입니다 !

모든 주요 제작사와 호환되므로 몇 단계만 거치면 가장 전문적인 방식으로 미디어를 구성하고 보여줄 수 있습니다. 망설이지 마세요! 여기에서 구매하세요!