본문으로 건너뛰기
8분 읽기 시간 (1560 단어)

사진 필터가 있는 이미지 갤러리를 만드는 방법

사진 필터링 기능이 있는 이미지 갤러리 만드는 방법

  WP Media Folder 이 제공하는 필터 덕분에 사이트의 갤러리에서 이미지를 검색하는 것이 더 이상 어렵지 않습니다. 이를 통해 갤러리에 원하는 만큼의 이미지를 추가하고 사용자가 원하는 것을 빠르게 찾을 수 있습니다.

특정 갤러리에 여러 이미지를 사용하는 것은 콘텐츠를 추가할 때 일반적인 일입니다. 사용자들이 텍스트뿐만 아니라 그래픽 예시 또는 우리가 제공하려는 내용에 대한 설명도 볼 수 있기를 원합니다. 문제는 이미지와 함께 많은 채용 공고를 추가하거나 국가에 대해 이야기하거나 이미지로 설명할 수 있는 서비스를 제공할 때와 같이 하위 콘텐츠가 많은 콘텐츠를 처리할 때 발생합니다. 이 튜토리얼에서는 WP Media Folder 갤러리 애드온을 사용하여 필터가 있는 갤러리를 만드는 방법을 살펴보겠습니다.


혼란스러운 미디어 라이브러리에 작별 인사하세요.

WP Media Folder를 사용하면 파일을 분류하고 클라우드 저장소와 폴더를 동기화하며 멋진 갤러리를 만들고 링크를 끊지 않고 이미지를 대체할 수 있습니다.
오늘날 미디어 워크플로우를 최적화하십시오

지금 플러그인 받기

워드프레스에서 이미지 갤러리 만들기

처음부터 시작해 보겠습니다. WP Media folder의 갤러리 관리자 또는 로컬 파일과 미디어 라이브러리를 사용하여 갤러리를 만드는 것입니다.

이 튜토리얼에서는 WP Media folder 플러그인과 WP Media folder 갤러리 애드온을 사용합니다.

우선 갤러리 생성 방법과 이미지로 갤러리를 채우는 방법을 살펴보겠습니다. 이렇게 하려면 미디어 > 미디어 폴더 갤러리로 이동하십시오.



이 화면에서 +새 갤러리 추가  > 새 미디어 갤러리 만들기



팝업이 나타나서 갤러리 제목을 입력하고 사용할 갤러리 테마를 선택하고 다른 갤러리의 하위 갤러리가 될지 여부를 선택할 수 있습니다.



원하는 테마를 선택하고 이미지 갤러리 제목을 입력한 다음 만들기를 클릭하면 모든 작업이 완료됩니다. 빈 갤러리가 생성됩니다.

이제 미디어 라이브러리의 이미지로 갤러리를 채워보겠습니다. 이렇게 하려면 새 갤러리 페이지에서 볼 수 있는 워드프레스 아이콘을 클릭합니다.



모달이 열리면 미디어 라이브러리와 WP Media Folder에서 생성된 폴더가 표시되며 모든 이미지 사이를 쉽게 탐색하고 사용할 이미지를 선택한 다음 이미지 가져오기



이미지는 추가된 모든 이미지의 미리보기가 포함된 갤러리 관리자에 로드됩니다.



이제 로컬 폴더에서 이미지를 추가해 보겠습니다. 이렇게 하려면 폴더 아이콘을 클릭합니다.


파일 탐색기가 열리면 필요한 이미지를 선택하고 갤러리에 직접 업로드할 수 있습니다.



이제 최근에 생성된 갤러리에 이미지가 추가되었으며 정말 빨랐습니다! 그렇죠?


워드프레스 갤러리 필터 조정

이제 갤러리가 생성되었으므로 원하는 대로 조정할 수 있습니다. 그렇게 하려면 표시 설정 및 쇼트코드 탭이 있습니다.


이 화면에서 갤러리 테마에서 모든 가능한 조정을 선택하여 갤러리를 콘텐츠에 맞게 만들 수 있습니다.



필터를 생성하려면 현재 하나의 설정에 집중해야 합니다. 이미지 태그이며, 이 설정을 활성화합니다.



작업이 완료되면 갤러리를 원하는 대로 조정하고 태그 설정을 진행할 수 있습니다.

필터를 작동시키려면 표시하려는 시기에 따라 이미지 태그를 추가해야 합니다. 태그를 추가하려면 일반 탭에서 이미지 위에 마우스를 올렸을 때 나타나는 조정 아이콘을 클릭합니다.



이렇게 하면 팝업이 열리고 이미지 태그



이제 게시하려는 페이지 또는 게시물에 표시할 수 있도록 사용하려는 태그로 모든 이미지를 채울 수 있습니다.

이 자습서의 다음 부분에서는 갤러리를 콘텐츠에 추가하는 방법을 확인하고 필터가 작동하는지 확인할 수 있습니다.


워드프레스 페이지 및 게시물에 이미지 갤러리 추가

이제 갤러리를 만들었으므로 다음 단계는 페이지로 이동하여 게시하고 필터가 있는 갤러리를 게시하는 것입니다.

이를 수행하려면 게시물이나 페이지로 이동하여 만들거나, 이 경우에는 Gutenberg 편집기를 사용하지만 WP Media Folder 및 갤러리 애드온이 모든 주요 페이지 빌더와 함께 작동하며 짧은 코드도 사용할 수 있으므로 어디에서나 사용할 수 있습니다.

페이지/게시물 편집기에 들어가서 + 버튼을 클릭하여 블록을 추가하고 WP Media Folder 을(를) 찾은 다음 WPMF 갤러리 애드온 블록을 선택합니다.



WP Media Folder 삽입을 클릭합니다.



이미지 태그를 활성화한 경우 갤러리에 이미지 태그를 추가하여 만든 미디어 필터와 함께 로드되어야 합니다.

필요한 경우 이미지 태그를 활성화할 수 있도록 블록을 만들 때 사용할 수 있는 설정도 있습니다.



이제 이미지 갤러리 미리보기가 편집기에 로드되어야 하므로 원하는 대로 조정하고 마지막으로 페이지를 게시하면 갤러리가 완성됩니다!


몇 단계만 거치면 정말 전문적인 갤러리를 멋진 필터와 함께 만들 수 있으며 갤러리 만들기가 이전과 같지 않게 됩니다.


미디어 폴더를 사용하여 워드프레스 갤러리 만들기

갤러리 만들기가 이미 멋졌지만 WP Media Folder 사용하면 이것이 전부가 아니라고 말할 수 있습니다. 미디어 라이브러리에 폴더를 만들어 미디어를 구성하고 이러한 미디어 폴더를 기반으로 갤러리를 만들 수 있습니다. 방법을 살펴보겠습니다!

플러그인을 설치한 후 미디어 라이브러리 아래에 새 폴더 추가 옵션이 표시됩니다.



이제 폴더 및 하위 폴더를 생성하여 미디어를 원하는 대로 정렬할 수 있는 옵션이 생겼습니다. 하지만 폴더를 기반으로 갤러리를 생성하는 것은 어떨까요? 또한 폴더에 새 이미지를 추가할 때마다 갤러리를 업데이트하도록 만들 수 있습니다 

이런 식으로 미디어 라이브러리에 이미지를 업로드하기만 하면 갤러리가 자동으로 업데이트되므로 매우 멋지게 들립니다

이를 수행하려면 미디어 > 미디어 폴더 갤러리 아래의 갤러리 관리자로 이동하여 +새 갤러리 추가 > 폴더에서 빠른 갤러리를 클릭합니다.



사용 가능한 폴더 및 하위 폴더와 함께 모달이 열리므로 사용할 폴더를 선택하고 테마를 설정한 다음 마지막으로 만들기를 클릭합니다.



폴더의 모든 이미지가 갤러리에 자동으로 나타나며 일반적인 설정 옵션과 이전에 볼 수 있었던 필터를 모두 사용할 수 있습니다.

이제 폴더에 업로드된 각 이미지에 대해 갤러리를 업데이트할지 여부를 선택하기 위해 해야 할 일은 폴더에 이미지 자동 추가 옵션을 활성화하는 것입니다.



그게 전부입니다! 모든 이미지가 마법처럼 자동으로 갤러리에 추가되어 멋진가요? 그렇죠?


모든 웹마스터를 불러드립니다!

WP Media Folder
지금 웹사이트 프로젝트를 업그레이드하세요!

지금 플러그인 받기

최고의 폴더 워드프레스 플러그인이 포함된 최고의 갤러리

우리의 WordPress 사이트에 대해 WP Media Folder 가 제공하는 모든 멋진 기능 중 하나만 확인할 수 있었고 추가 힌트도 있었습니다! 이 전체 프로세스를 설명하는 좋은 동영상도 있으므로 확인하려는 경우를 대비해 두었습니다 ;)


이제 남은 일은 복사본을 얻는 것 여기에서 멋진 기능들을 확인하는 것입니다.WP Media Folder에서 제공합니다!

정보 유지

블로그에 가입하면 사이트에 새로운 업데이트가 있을 때 이메일을 보내드리므로 업데이트를 놓치지 않을 것입니다.

관련 게시물

 

댓글 2

KlausTuttlies 2023년 6월 3일 토요일 05:46

안녕하세요, 제가 WP Media Folder 갤러리를 만들었을 때 사용자 정의 링크를 추가하고 이 링크가 라이트 박스에서 열리는 것이 가능한지 궁금합니다.
목표는 갤러리에 먼저 더 작은 세부 사항(부분)을 표시하고 이미지를 클릭한 후 고객이 전체 이미지를 볼 수 있도록 하는 것입니다.
이에 대한 해결책을 찾는 것이 좋을 것입니다.
미리 감사드립니다, Klaus

안녕하세요, 제가 [b]WP Media Folder 갤러리[/b]를 만들고 사용자 지정 링크를 추가할 때 해당 링크가 라이트 박스에서 열리도록 하는 것이 가능한지 질문하고 싶습니다. 갤러리에서 처음에는 작은 세부 사항(부분)을 표시하고 이미지를 클릭한 후에 고객이 전체 이미지를 볼 수 있도록 하는 것이 목표입니다. 이에 대한 해결책을 찾으면 좋을 것 같습니다. 미리 감사드립니다, 클라우스
트리스탄 2023년 6월 5일 월요일 05:38

안녕하세요, 댓글 감사합니다. 제가 당신의 요청을 완전히 이해했는지 확신이 서지 않습니다.

안녕하세요, 댓글 감사합니다. 요청하신 내용을 완전히 이해했는지 확신이 서지 않습니다. "사용자 정의 링크 추가"에 대해 자세히 설명해 주시겠습니까? 이미지에 사용자 정의 링크를 추가하여 팝업에서 iframe을 열려고 하시는 건가요? 아니면 여러 갤러리 탐색에 관한 것인가요?
이미 등록하셨나요? 여기에서 로그인
2026년 2월 11일 수요일

캡차 이미지