Elementor에서 전문가처럼 이미지 갤러리 추가 및 편집하기

 Elementor를 사용하면 페이지나 글을 작성할 때 많은 도움이 되지만, 완벽하게 작동시키기 위해 더 많은 도구가 필요할 수 있다는 것도 사실입니다. 언급할 가치가 있는 중요한 도구 중 하나는 이미 강력한 페이지 빌더를 개선할 수 있게 해주는 갤러리 관리자일 것입니다. WP Media folder 를 사용하여 Elementor에서 직접 갤러리를 얼마나 쉽게 추가하고 편집할 수 있는지 살펴보겠습니다.

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

이 튜토리얼에서는 갤러리 관리자를 사용하여 처음부터 그리고 Elementor에서 직접 갤러리를 만들 것입니다.

WP Media Folder(으)로 WordPress 갤러리 만들기

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

이 갤러리 관리자는 WP Media Folder 와 갤러리 애드온을 설치한 후 미디어 라이브러리 > 미디어 폴더 갤러리

이 화면에서 + 새 갤러리 추가  위로 마우스를 가져간 다음 + 새 미디어 갤러리 만들기를 클릭해야 합니다.

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

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

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

갤러리에 미디어를 추가할 수 있는 많은 옵션이 표시됩니다. 주요 옵션은 미디어 라이브러리 에서 추가하거나 PC 파일 탐색기에서 직접 업로드하는 것입니다. 두 가지 모두 살펴보겠습니다.

먼저, WordPress 아이콘인 미디어 라이브러리 옵션이 있으며, 이를 클릭하세요.

여기를 클릭하면 미디어 라이브러리가 열리며, 제 미디어 라이브러리에 폴더가 있는 것을 보실 수 있습니다. 이는 WP Media Folder 덕분으로, 미디어 폴더와 필터를 사용해 모든 미디어를 최적의 방식으로 정리할 수 있습니다. 이에 대한 자세한 내용은 여기 에서 확인하실 수 있지만, 그건 다른 글에서 다루겠습니다 ;) 

이제 이미지를 추가하려면, 추가하려는 이미지를 넣어둔 미디어 폴더로 이동한 후 ctrl + 클릭으로 이미지를 선택하고 마지막으로 이미지 가져오기를 클릭하면 됩니다.

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

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

이 작업을 완료하면 파일 탐색기가 즉시 열려 폴더 안을 탐색하고 갤러리에 추가할 이미지를 선택할 수 있습니다.

업로드할 이미지를 선택한 다음 열기를 클릭하세요.

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

이제 모든 이미지가 준비되었으니 갤러리 설정을 확인해 보겠습니다. 이를 위해 두 번째 탭 표시 설정 및 숏코드를 클릭하세요.

먼저, 각각 고유한 설정을 가진 8개의 갤러리가 있는 것을 볼 수 있습니다.

이제 Masonry을 살펴보겠습니다. 이는 다양한 크기로 표시된 많은 이미지가 있는 클래식한 벽이며, 미리보기 탭에서 볼 수 있습니다.

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

이제 미리보기 탭을 확인하여 현재 어떻게 보이는지 확인합니다.

보시다시피, 몇 번의 클릭과 몇 초 만에 변경 사항을 적용하고 어떻게 보이는지 확인할 수 있는 멋진 기능을 갖춘 정말 좋은 도구입니다! 갤러리를 만드는 일이 이렇게 쉬웠던 적은 없었습니다!

Elementor에서 WordPress 갤러리 추가하기

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

이를 위해 페이지나 게시물로 이동하여(또는 새로 만들고) Elementor로 편집 을 클릭하면 페이지 빌더가 로드됩니다.

편집기에서 WP Media Folder Addon Gallery 블록을 찾아 콘텐츠에 추가하세요.

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

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

먼저, 갤러리 선택에서 우리가 만든 갤러리를 선택해 보겠습니다.

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

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

Masonry

거의 모든 페이지에 완벽하게 어울리며 많은 이미지를 표시할 수 있는 정말 좋은 테마입니다.

기본값

이 테마를 사용하면 이미지 제목과 함께 클래식한 방식으로 이미지를 표시할 수 있습니다.

포트폴리오

이를 통해 기본 테마와 유사하지만 다른 글꼴을 사용하여 이미지를 표시할 수 있으며, 예술 작품을 보여주기에 완벽합니다.

슬라이더

슬라이드당 적은 수의 이미지에 집중할 수 있게 해주는 클래식 슬라이더입니다.

흐름 슬라이드

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

스퀘어 그리드

마우스를 가져가면 이미지 제목을 표시하는 정사각형 이미지의 클래식 갤러리입니다.

Material

멋진 그림자와 제목이 있는 정사각형 이미지를 표시할 수 있게 해주는 정말 멋진 테마입니다.

사용자 지정 그리드

이미지를 원하는 대로 보이도록 크기를 조정할 수 있는 그리드 테마는 우리가 원하는 이미지 크기/치수로 갤러리를 만들고 싶을 때 최고의 선택입니다. 갤러리 매니저에서 어떻게 작동하는지 빠르게 살펴보겠습니다.

이제 모든 갤러리의 왼쪽 메뉴에서 사용할 수 있는 옵션을 살펴보겠습니다.

우선, 갤러리 내비게이션이 있습니다. 이 옵션을 활성화하면 WP Media Folder 갤러리 애드온에서 사용할 수 있는 내비게이션 갤러리를 사용할 수 있으며, 이를 통해 상위 갤러리와 하위 갤러리 도 사용할 수 있습니다. 작동하는 데모는 여기

두 번째 옵션으로 이미지 태그 표시가 있습니다. 갤러리에 많은 이미지가 있고 WP Media Folder의 태그 시스템을 사용하여 프런트엔드에서 사용자가 이미지를 필터링할 수 있도록 할 때 유용합니다.

다음으로, 테마 선택기 가 있습니다. 이를 통해 (앞서 보여드린) 사용 가능한 테마 중에서 선택할 수 있으며, 선택한 테마에 따라 레이아웃이나 슬라이더 전환 시간과 같은 특정 설정도 표시됩니다.

계속 확인하다 보면 갤러리 선택 옵션을 찾을 수 있으며, 이 옵션을 통해 미디어 갤러리 관리자에서 생성한 모든 갤러리 중에서 선택할 수 있습니다.

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

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

또한 클릭 시 동작 을 설정하여 이미지의 확대 버전인 라이트박스를 표시하거나, 다른 페이지로 이동하거나, 이미지를 클릭했을 때 아무 동작도 하지 않도록 선택할 수 있습니다.

그리고 마지막 옵션은 정렬 설정으로, 갤러리에서 이미지를 어떻게 표시할지 보고 선택할 수 있는 곳입니다.

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

보시다시피 Elementor를 사용하여 WP Media Folder 갤러리를 세부 조정하고 페이지에 맞게 만드는 것은 정말 쉽습니다!

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

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

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

먼저, 이전에 갤러리를 만들었던 미디어 폴더 갤러리 아래의 미디어 라이브러리 로 이동한 후, 이 페이지에서  + 새 갤러리 추가 버튼 위로 마우스를 올리고 폴더에서 갤러리 만들기를 클릭하세요.

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

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

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

이 옵션을 사용하려면 폴더에 이미지 자동 추가 가 활성화되어 있어야 하며, 저장 버튼 바로 아래 오른쪽 상단에서 사용할 수 있습니다.

그리고 마법이 완성되었습니다! 이미지이기도 한 폴더가 프런트 엔드에 자동으로 표시되는데, 더 무엇을 바랄까요? :) 

좋아하는 빌더와 함께 WP Media Folder 사용 시작하기

플러그인이 실제로 작동하는 모습을 보실 수 있도록 모든 과정을 단계별로 설명하는 영상도 준비되어 있으니, 꼭 확인해 보세요!

갤러리를 만들 뿐만 아니라 미디어를 정리할 수 있게 해주는 놀라운 기능을 갖춘 플러그인, Google 포토에서 가져오기 및 오프로드도 가능합니다! 

모든 주요 빌더와 호환되므로 몇 단계만으로 미디어를 가장 전문적인 방식으로 정리하고 표시할 수 있습니다. 무엇을 망설이시나요? 지금 여기 에서 받아보세요!