폴더와 필터가 있는 WooCommerce 미디어 라이브러리

WooCommerce는 제공하는 편의성과 도구 덕분에 전자상거래를 구축할 때 필수적인 요소가 되었습니다. 하지만 이 멋진 플러그인이 더 나은 도구가 될 수 있을까요? 글쎄요, 답은 '그렇다'입니다! 하지만 수천 개의 제품이 있고, 각 제품마다 5개의 이미지가 있는 옵션이 있는 쇼핑몰을 생각해 보세요. 재사용할 미디어를 찾는 것은 거의 불가능할 것입니다. 하지만… 좋은 소식이 있습니다! 우리에게 해결책이 있으니까요 ;)

완벽한 전자상거래를 구축하는 데 무엇이 필요한지 이야기했으니, 이제 시장에서 이용할 수 있는 최고의 솔루션 중 하나인 WP Media Folder를 살펴보겠습니다. 이는 WordPress 사이트에 이미지와 동영상을 삽입할 때 사용할 수 있는 멋진 갤러리를 제공하는 플러그인일 뿐만 아니라, 파일을 폴더와 하위 폴더로 정리할 수도 있게 해줍니다.

보시다시피, WP Media Folder 가 WooCommerce와 완벽하게 호환되므로 이 두 플러그인을 사용하여 더 나은 성능을 얻을 수 있습니다. 따라서 완벽한 조합을 갖추게 됩니다. WooCommerce로 전자상거래를 생성하고 관리하고 WP Media Folder 으로 모든 파일을 정리할 수 있습니다. 하지만 그게 전부가 아닙니다. 이 조합을 어떻게 사용할 수 있는지 살펴보겠습니다.

WooCommerce 미디어 폴더 사용하기

WooCommerce 미디어 폴더를 사용하면 모든 미디어가 정리되어 작업 효율을 높일 수 있으며, 제품에 관한 새 게시물을 작성하거나 제품 내부의 미디어를 사용해 새 게시물을 만들기 위해 클릭 한두 번으로 미디어를 찾을 수 있습니다.

이 폴더를 만들고 사용하는 방법의 예시를 보여드리고, 전자상거래 개선을 위한 아이디어를 얻을 수 있도록 몇 가지 사용 사례를 만들어 보겠습니다.

이 예시에서는 의류 매장을 사용하겠습니다. 다음 이미지에서는 상품 이미지가 들어 있는 완전히 뒤죽박죽인 미디어 라이브러리를 보실 수 있습니다.

보시다시피, 모든 이미지가 뒤섞여 있습니다. 셔츠, 스웨터, 바지, 테마 이미지 등 모든 것이 뒤죽박죽이라 특정 이미지 하나를 찾기가 정말 어려울 수 있습니다. 그렇다면 WP Media Folder로 이 문제를 어떻게 해결할 수 있을까요? WP Media folder 을 사용하면 선택 과정을 더 쉽게 만들기 위해 정리할 수 있습니다. 예를 들어 남성용 폴더와 여성용 폴더를 만들고 그 안에 바지, 셔츠, 안경 같은 하위 카테고리를 만들 수 있으며, 하위 카테고리를 최대 8단계까지 만들 수 있어 원하는 대로 정리할 수 있습니다.

이 멋진 플러그인을 사용하면 폴더를 만드는 과정이 정말 간단합니다. 왼쪽 메뉴를 이용하기만 하면 됩니다.

“폴더 만들기”를 클릭하여 상위 폴더를 만들고, 이름을 입력한 후 “만들기”를 클릭하세요.

하위 폴더를 만들려면 하위 폴더를 만들고자 하는 폴더에 놓고 단계를 반복하기만 하면 됩니다. 그러면 모든 하위 폴더를 보기 위해 클릭할 수 있는 화살표가 표시됩니다.

정말 간단한 과정이며, 이미지를 각각의 폴더에 추가하는 과정은 더욱 쉽습니다. “일괄 선택”을 클릭하고 모든 이미지를 선택한 다음 추가하려는 폴더/하위 폴더에 끌어다 놓기만 하면 됩니다.

예를 들어 셔츠와 바지와 같이 더 많은 하위 폴더를 만들어 이미지를 계속 정리할 수도 있으며, 하위 폴더는 폴더 대시보드 상단에도 표시됩니다.

그러면 모든 것을 정말 쉽게 찾을 수 있습니다.

하지만 폴더가 많다면? 특정 폴더를 찾기가 정말 어려울 수 있습니다. WP Media Folder 에는 이를 더 쉽게 만들어 주는 도구도 있는데, 폴더 위의 텍스트 상자에 찾고 있는 폴더를 입력하고 Enter 키를 누르면 됩니다.

입력한 폴더와 관련된 모든 폴더를 볼 수 있습니다.

WooCommerce 미디어 관리자를 사용하여 제품 생성하기

좋습니다. 모든 것이 완벽합니다. 모든 폴더를 만들고 미디어 라이브러리 안에서 모든 미디어를 정리할 수 있습니다. 그런데 WooCommerce 미디어 관리자에서도 사용할 수 있을까요? 답은 당연히 '예'입니다! 전자상거래용 상품을 만들 때 모든 미디어를 사용할 수 있습니다. 편집하거나 추가하려는 상품으로 이동하여 “상품 이미지 설정”을 클릭하면 모든 폴더와 이미지가 포함된 미디어 관리자를 볼 수 있습니다.

폴더/하위 폴더 내 이미지를 필터링하고 정렬하여 원하는 정확한 이미지를 찾을 수 있는 몇 가지 옵션이 있습니다. 필터링 옵션은 설정 > WP Media Folder > 미디어 필터링에서 편집할 수 있습니다.

수정한 후 변경 사항 저장 버튼을 클릭하기만 하면 됩니다. 미디어 라이브러리에서 필터링 및 정렬 옵션을 사용하려면 "정렬 / 필터링"을 클릭하고 필요한 옵션을 선택하세요.

메뉴에서 폴더를 ID, 이름 또는 사용자 지정 순서로 정렬할 수도 있으며, 이를 통해 가장 빠르게 폴더를 찾을 수 있습니다.

이미지를 설정하는 과정은 동일하므로 제품에 사용할 이미지를 선택한 후 “제품 이미지 설정” 버튼을 클릭하면 됩니다.

이미지 워터마크로 로고 설정하기

제품에 사용되는 이미지는 매우 중요합니다. 제품의 미디어를 표시하기 위해 최상의 사진을 얻기 위해 모델에게 비용을 지불하는 경우도 있기 때문에 워터마크를 사용해야 합니다. 워터마크는 스토어에 있는 미디어에 추가할 수 있는 최고의 표시입니다.

우리가 판매 중인 공연을 홍보하기 위해 전문 모델을 고용해 사진을 찍어 보여준다고 가정해 봅시다. 하지만 같은 제품을 판매하는 다른 매장들도 있습니다.

워터마크가 없으면 어떻게 될까요? 다른 상점들이 우리가 찍은 이 전문적인 사진들을 사용할 수 있게 되고, 최악의 부분은 그들이 우리 상점과 크레딧을 공유하지 않을 것이라는 점입니다.

하지만 걱정하지 마세요. WP Media Folder 를 사용하면 모든 제품 이미지에 가장 쉬운 방법으로 워터마크를 설정할 수 있습니다.

제품 이미지에 워터마크 를 설정하려면 WP Media Folder 구성 > 이름 바꾸기 및 워터마크 > 워터마크 탭으로 이동하세요.

이 섹션에서는 워터마크에 사용할 수 있는 모든 옵션을 확인할 수 있습니다. 먼저 이미지 워터마크 기능을 활성화하고 선택을 클릭하여 워터마크로 사용할 이미지를 선택합니다.

보시다시피, 워터마크를 선택했으며, 사진의 워터마크 크기를 더 작게 설정했습니다. 위치와 이미지 여백, 그리고 워터마크를 완전 불투명하게 원하지 않을 경우 불투명도 등 설정할 수 있는 다른 옵션들도 있습니다.

다음 단계는 워터마크를 추가할 폴더를 선택하는 것입니다. 이것이 이 기능의 가장 좋은 점인데, 스토어의 이미지만 선택하고 워터마크를 추가하고 싶지 않은 이미지는 건드리지 않을 수 있습니다. 따라서 이 튜토리얼을 위해 만든 Store Images라는 폴더만 선택하겠습니다.

마지막으로, 썸네일 재생성 을 클릭하면 워터마크 가 선택한 모든 폴더의 선택한 모든 크기에 추가됩니다.

프로세스가 시작되고 진행 상황을 나타내는 막대가 표시되며, 완료되면 워터마크가 추가됩니다.

미디어 라이브러리로 돌아가면 선택한 모든 이미지에 이제 워터마크가 적용된 것을 확인할 수 있습니다.

제품에 원격 비디오를 추가하여 정말 전문적으로 보이게 하세요

제품을 추가할 때 또 하나의 좋은 방법은 동영상을 추가하는 것입니다.

일반적으로, 우리가 제공하는 제품에 따라, 우리가 판매하는 제품이 무엇인지 설명하는 영상이 필요할 수 있습니다. 예를 들어, 비디오 게임을 판매하는 경우가 그렇습니다.

때로는 이미 만들어진 동영상을 그대로 재사용할 수 있습니다. 예를 들어 트레일러가 있는 비디오 게임의 경우 WP Media Folder을 사용하여 YouTube에서 직접 추가할 수 있습니다.

이 예시에서는 매장에서 홍보할 비디오 게임의 트레일러를 추가해 보겠습니다. 이를 위해 WooCommerce 의 상품 섹션으로 이동하여 새로 추가를 클릭하면 됩니다.

이 섹션에서는 평소처럼 제품을 추가하는 방법을 진행할 수 있습니다.

상품 설명에 동영상을 직접 추가하고 싶다고 가정해 봅시다. 그렇다면 설명으로 이동하여 미디어 추가 를 클릭하면 URL에서 삽입 옵션이 표시되므로 이를 클릭하고 동영상 URL을 추가하면 숏코드가 추가됩니다.

설명에서 숏코드를 확인할 수 있습니다.

마지막으로, 제품 생성을 완료하면 프런트엔드의 설명에서 비디오를 볼 수 있습니다.

이제 가장 쉽고 전문적인 방법으로 제품에 동영상을 추가할 수 있습니다.

WooCommerce 이미지 폴더를 보는 또 다른 방법

여기에서는 갤러리를 만들어 제품을 표시하기 위해 WooCommerce 이미지 폴더를 사용하는 방법에 대한 아이디어를 살펴보겠습니다. 정말 멋져 보일 것이며 WP Media Folder 를 최대한 활용하게 될 것입니다.

고객들은 항상 구매하고자 하는 제품을 가장 전문적이고 쉽게 볼 수 있는 방법을 찾고 있으며, 갤러리를 사용하여 제품을 멋지고 반응형으로 표시하는 것보다 더 전문적인 방법이 있을까요? WP Media Folder 은 클릭하고 선택하기만 하면 멋지고 다양한 갤러리를 만들 수 있기 때문에 그 작업을 훨씬 더 쉽게 만들어 줍니다.

이 예시에서는 남성 의류 섹션을 위한 갤러리를 만들겠습니다. 먼저 미디어 라이브러리로 이동하여 갤러리에 사용할 이미지 중 하나를 클릭한 다음, 표시될 라이트박스의 오른쪽 섹션에서 “이미지 갤러리 링크 대상” 옵션을 찾아 클립 아이콘을 클릭하세요. 

wp 사이트에서 사용 가능한 모든 페이지와 제품을 볼 수 있으며, 해당 이미지에 해당하는 제품을 선택하고, 검색 텍스트 상자를 사용하여 올바른 제품을 찾을 수 있습니다. 새 탭에서 표시되길 원하면 “새 탭에서 링크 열기”를 클릭하고, 마지막으로 “링크 추가”를 클릭하세요.

갤러리에 사용할 모든 이미지에 대해 이 과정을 반복한 후,  새 글/페이지 추가로 이동하여 Wp media folder 갤러리” 블록을 선택하세요. WP Media Folder 섹션에서 “

이제 미디어 라이브러리

갤러리에 사용할 이미지(링크를 선택한 이미지)를 선택하고 새 갤러리 만들기를 클릭하세요.

이제 이미지를 드래그 앤 드롭하여 순서를 정하고, 원한다면 갤러리에서 이미지를 삭제한 후 갤러리 삽입을 클릭하세요.

블록의 오른쪽 부분에 메뉴가 표시됩니다. 갤러리에 사용할 테마를 선택하세요.

마지막으로 오른쪽 메뉴에서 “클릭 시 동작” 드롭박스를 찾아 “첨부 파일 페이지” 옵션을 선택하세요.

마지막으로, 게시를 클릭하면 끝입니다. 갤러리로 멋진 스토어를 만들 수 있습니다.

그냥 클릭하고 마법이 일어나게 하세요. 설정한 모든 제품을 볼 수 있습니다.

 
여기서 볼 수 있듯이, 우리는 전문적으로 보일 뿐만 아니라 웹사이트 어느 부분에나 어울릴 수 있는 멋진 갤러리를 만들었으며, 고객들은 보고 싶거나 구매하고 싶은 제품을 슬라이드하고 클릭하기만 하면 되므로 제품에 쉽게 접근할 수 있습니다.

서버에서 파일과 폴더 구조를 가져올 수도 있습니다

고객들은 항상 보기 좋고 다루기 쉬우며 상당히 독창적이고 가능한 한 가장 전문적인 방식으로 표시된 대규모 카탈로그를 갖춘 인터넷상의 스토어를 찾습니다. 앞서 살펴본 바와 같이, 이러한 플러그인들의 조합을 통해 여러 가지를 정말 빠르고 간단하게 만들 수 있습니다. 무엇을 기다리고 계신가요?

지금 바로 WP Media Folder 를 받아보세요: https://www.joomunited.com/wordpress-products/wp-media-folder