엘레멘터에서 이미지 갤러리를 전문가처럼 추가하고 편집하기

 엘레멘터를 사용하여 페이지나 게시물을 만들 때 많은 도움이 되지만 완벽하게 작동하려면 더 많은 도구가 필요할 수 있습니다. 이러한 도구 중 하나는 이미 강력한 페이지 빌더를 개선할 수 있는 갤러리 관리자입니다. WP Media folder 과 함께 엘레멘터에서 갤러리를 얼마나 쉽게 추가하고 편집할 수 있는지 살펴보겠습니다.

갤러리 관리자 및 주요 페이지 빌더와의 통합과 같은 멋진 도구를 사용하면 WP Media Folder를 사용하여 몇 번의 클릭만으로 미디어 라이브러리를 정렬할 수 있을 뿐만 아니라 정말 멋진 갤러리를 만들 수 있습니다!

이 튜토리얼에서는 갤러리 관리자를 사용하고 Elementor에서 직접 처음부터 갤러리를 만드는 방법을 알아봅니다.

WP Media Folder와 함께 WordPress 갤러리 만들기

먼저 WP Media Folder 갤러리 애드온을 사용하여 갤러리를 쉽게 만들 수 있는 방법을 알아봅니다.

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

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

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

현재로서는 "My Gallery"로 이름을 지정하고 기본 테마를 그대로 둘 것입니다.

그러면 갤러리를 설정하고 구축할 수 있는 많은 옵션이 있는 갤러리 생성 대시보드로 이동합니다. 먼저 갤러리에 이미지를 추가할 것입니다.

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

우선, 우리가 미디어 라이브러리 옵션이 있습니다. 워드프레스 아이콘이므로 클릭하세요.

여기를 클릭하면 미디어 라이브러리가 열립니다. 미디어 라이브러리에 폴더가 있는 것을 볼 수 있습니다. 미디어 폴더와 필터를 통해 모든 미디어를 최대한 잘 정리할 수 있는 WP Media Folder 덕분입니다. 이에 대한 자세한 내용은 여기에서 확인할 수 있지만 다른 게시물에서 다루겠습니다 ;)

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

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

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

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

업로드하려는 이미지를 선택한 다음 열기를 클릭합니다.

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

이제 모든 이미지가 제 위치에 있으므로 갤러리 설정을 확인해 보겠습니다. 이를 위해 두 번째 탭 디스플레이 설정 & 숏코드를 클릭합니다.

첫 번째 인스턴스에서 8개의 갤러리가 있으며 각 갤러리에는 고유한 설정이 있음을 확인할 수 있습니다.

이제 Masonry을(를) 살펴보겠습니다. 여기에는 다양한 크기의 이미지가 많이 표시된 클래식한 벽이 있습니다. 미리보기 탭에서 확인할 수 있습니다.

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

이제 미리보기 탭을 통해 어떻게 보이는지 확인합니다.

보시다시피 정말 멋진 기능을 가진 훌륭한 도구입니다. 클릭 몇 번으로 몇 초 만에 변경 사항을 확인하고 어떻게 보이는지 확인할 수 있습니다! 이전에는 갤러리를 만드는 것이 그렇게 쉬운 일이 아니었습니다

Elementor에 WordPress 갤러리 추가

이제 WP Media Folder 갤러리 관리자를 사용하여 갤러리를 만드는 방법을 보았으니, 엘리멘터

이렇게 하려면 페이지나 게시물로 이동하여(또는 새로 만들기) 엘리멘터로 편집을 클릭하면 페이지 빌더가 로드됩니다.

에디터에서 WP Media Folder 애드온 갤러리 블록을 찾아 콘텐츠에 추가합니다.

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

왼쪽 탭에서 원하는 갤러리를 선택하고 조정할 수 있습니다.

먼저 갤러리 선택에서 생성한 갤러리를 선택해 주세요.

이전에 생성한 갤러리가 페이지 빌더의 블록 아래에 자동으로 로드됩니다.

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

Masonry

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

기본

이 테마는 이미지를 고전적인 방식으로 이미지 제목과 함께 표시할 수 있습니다.

포트폴리오

이를 통해 기본 테마와 유사하지만 다른 글꼴을 사용하여 아트를 표시하는 데 완벽한 이미지를 표시할 수 있습니다.

슬라이더

슬라이드당 적은 수의 이미지에 초점을 맞출 수 있는 클래식 슬라이더입니다.

플로우 슬라이드

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

정사각형 그리드

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

머티리얼

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

사용자 정의 그리드

그리드 테마는 우리가 원하는 대로 이미지 크기를 조정하여 원하는 모양으로 만들 수 있는 가장 좋은 옵션입니다. 갤러리 관리자에서 어떻게 작동하는지 빠르게 살펴보겠습니다.

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

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

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

그런 다음 테마 선택기가 있습니다. 이 기능으로 사용 가능한 테마 중에서 선택할 수 있으며(이전에 표시한 테마) 테마에 따라 레이아웃 및 슬라이더 전환 시간과 같은 특정 설정을 표시합니다.

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

이미지 크기, 이 옵션을 사용하면 사용 가능한 모든 이미지 크기 중에서 선택하여 이미지를 조정하여 콘텐츠에 완벽하게 맞출 수 있습니다.

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

또한 클릭 시 액션을 통해 이미지 클릭 시 더 큰 버전의 이미지를 라이트박스로 표시하거나 다른 페이지로 이동하거나 아무 작업도 수행하지 않도록 선택할 수 있습니다.

마지막 옵션은 정렬 설정으로, 갤러리에서 이미지를 표시하는 방식을 선택할 수 있습니다.

물론, 이 것 외에도 이미지 사이의 여백 추가, 호버 색상 변경, 테두리 및 그림자 추가를 위한 설정이 있습니다.

Elementor를 사용하여 WP Media Folder 갤러리를 미세 조정하고 페이지에 맞게 만드는 것이 정말 쉽다는 것을 알 수 있습니다

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

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

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

먼저 미디어 폴더 갤러리 로 이동합니다.  미디어 라이브러리에서 이전에 갤러리를 만든 곳으로, 이 페이지에서 마우스를 + 새 갤러리 추가 버튼 위에 올린 다음 폴더에서 갤러리 만들기

사용할 폴더를 선택할 수 있는 폴더 탐색기가 표시됩니다.

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

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

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

그리고 마법이 이루어집니다! 폴더도 이미지로 자동 표시되며 프론트 엔드에서 자동으로 표시됩니다. 더 바랄 것이 있나요? :) 

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

또한 단계별로 모든 것을 설명하는 동영상이 있어 플러그인이 라이브로 작동하는 것을 확인할 수 있습니다!

놀라운 기능을 가진 플러그인으로 갤러리를 생성할 수 있을 뿐만 아니라 미디어를 구성하고 Google 포토에서 가져오기 및 오프로드할 수도 있습니다!

주요 빌더와 모두 호환되어 미디어를 가장 전문적인 방법으로 몇 단계만으로 구성하고 표시할 수 있습니다. 무엇을 기다리고 있습니까? 여기로 이동하여 지금 바로 다운로드하세요!