워드 프레스 온라인 상점에 제품을 쉽게 표시하는 5 가지 방법

WordPress 온라인 상점에 제품을 표시하는 것은 전자 상거래 초보자에게 정말 악몽이 될 수 있습니다. 온라인 상점을 구축하기 시작했을 때 웹 사이트의 홈페이지에 내 항목을 배치하는 것이 당연하다고 생각했습니다. 그러나 전체 작업은 상당히 힘든 투쟁이었습니다!

내 경험에 따르면, 웹 사이트에 제품을 표시하는 것은 특히 전자 상거래를 처음 접하는 경우 많은 시간을 소비 할 수 있습니다. WordPress에 대한 좋은 지식이 필요한 작업이라는 것을 알게되었습니다.

온라인 상점에 진열 된 제품

Jan Saints (자작): CC-BY-2.0

처음으로 WordPress 온라인 스토어를 만드는 경우이 콘텐츠 관리 시스템으로 일반 웹 사이트를 설정하는 방법을 반드시 배워야합니다. 또한 전자 상거래 플러그인, 위젯 및 단축 코드와 같은 것에 익숙해 져야합니다. 또한 WooCommerce를 사용하는 경우 사용 가능한 제품 표시 옵션에 대해 알고 플러그인의 일반 설정을 이해해야합니다. 온라인 상점을 만들고 항목을 표시하는 방법에 대한이 간단한 가이드 (Riccardo Andronaco 작성)는이 모든 것을 설명하고 있으며 매우 유용하다는 것을 알았습니다.

이 기사에서는 WordPress eCommerce 웹 사이트에서 제품을 표시하고 정렬하는 5 가지 방법에 대해 설명합니다. 웹 사이트 페이지에 항목을 표시하는 방법과 그에 따라 항목을 정렬하는 방법을 알아 보려면 계속 읽으십시오.

WordPress 온라인 상점에서 항목을 표시하고 정렬하는 다섯 가지 방법

1. 자동 방법
2. 위젯
3. 플러그인
4. 단축 번호
5. 슬라이더

1. 자동 방법 사용

이름에서 알 수 있듯이 제품이 상점 페이지에 나타나도록하기 위해 아무것도 할 필요가 없습니다. 대시 보드에서 항목을 추가하면 항목이 표시됩니다. WooCommerce 디스플레이 설정에 따라 자동으로 알파벳 순서로 또는 카테고리가 있거나없는 무작위로 정렬됩니다.

홈페이지는 특정 수의 상품 만 수용 할 수 있습니다. 즉, 상품이 많을 경우 일부는 2, 3, 4 페이지 등에 게재됩니다.

이 방법은 카테고리를 포함하지 않고 일부 항목이 다른 페이지에 숨겨져 있기 때문에 고객이 상점의 모든 유형의 제품을 알기 어렵게 만듭니다.

더 나은 방법 (아래 설명)을 사용하여 항목을 표시 할 수있는 경우이 방법을 피해야 할 수 있습니다. 그러나 한 페이지, 즉 홈페이지에 들어갈 수있는 항목이 여러 개인 경우이 방법을 채택 할 수 있습니다.

무작위로 표시되는 제품

Jan Saints (자작): CC-BY-2.0

2. 위젯 사용

아시다시피 WordPress의 위젯은 사이드 바 및 바닥 글 섹션에 배치 할 수있는 작은 콘텐츠 블록입니다. 웹 사이트를 사용자 지정하는 간단하고 쉬운 방법을 제공합니다. 일반적인 위젯에는 최근 게시물, 검색 창, 카테고리 및 바닥 글 메뉴가 있습니다.

전자 상거래 웹 사이트에서 위젯을 사용하여 사이드 바 또는 바닥 글에 제품 카테고리를 표시 할 수 있습니다. 따라서 제품 카테고리를 포함하지 않는 자동 방법 (위에서 논의 됨)을 강화하는 좋은 방법이 될 수 있습니다.

전자 상거래 WordPress 테마와 함께 제공되는 몇 가지 훌륭한 위젯에는 인기 제품, 최근 제품, 베스트셀러 제품, 최고 평점 제품 및 추천 제품이 포함됩니다. 이러한 위젯은 사용자 정의 할 수 있으므로 항목의 실제 범주로 이름을 바꿀 수 있습니다. 드래그 앤 드롭하여 스타일에 맞는 배열을 얻을 수도 있습니다.

위젯은 사이드 바와 바닥 글에만 제품을 표시 할 수 있으므로 대부분의 온라인 상점 소유자는 제품이 바람직하지 않다고 생각합니다. 항목을 표시하는 가장 좋은 위치는 페이지의 기본 표시 줄에 있으며 위젯으로는 달성 할 수 없습니다.

플러그인의 도움으로 사이드 바에 표시되는 제품

Jan Saints (자작): CC-BY-2.0

3. 플러그인 사용

WordPress에서 플러그인은 기능, 기능 또는 서비스 그룹을 포함하는 프로그램 집합입니다. 이 콘텐츠 관리 시스템에는 다양한 요구에 적합한 수만 개의 플러그인 (무료 및 프리미엄)이 있습니다. 모든 유형의 웹 사이트를위한 플러그인이 있습니다. 예를 들어 전자 상거래 (WooCommerce와 같은), 디렉토리, 블로그, 재판매 및 예약 플랫폼 용 플러그인이 있습니다.

온라인 상점에서 항목을 표시하고 정렬 할 때이 작업을 수행하는 데 사용할 수있는 수많은 플러그인이 있습니다. 그러나 대부분의 플러그인은 그다지 효과적이지 않으므로 작동하는 것으로 입증 된 플러그인을 선택해야합니다.

WordPress 온라인 상점에 항목을 표시하는 데 가장 권장되는 플러그인은 Ultimate Product Catalog 및 WooCommerce Product Sort and Display입니다.

정렬 및 표시 플러그인은 상점 페이지에 많은 항목을 표시 할 수있는 Endless Scroll이라는 다른 플러그인과 함께 더 잘 작동합니다. 두 플러그인을 설치하고 활성화 한 후 제품 범주로 이동하여 범주를 끌어서 놓아 올바른 표시를 얻어야합니다. 그런 다음 모두 볼 수있는 링크를 사용하여 카테고리별로 표시 할 제품 수를 설정할 수 있습니다.

정렬과 관련하여 플러그인에는 인기, 최신 성, 가격 (낮은 가격에서 높은 가격, 그 반대로), 판매 및 추천에 따라 기본 정렬 및 정렬이 제공됩니다. 이러한 기능 중 일부는 프리미엄 버전의 플러그인과 함께 제공되므로이 버전을 사용하는 것이 좋습니다.

다른 플러그인 인 Ultimate Product Catalog는 약간 복잡합니다. 플러그인을 설치하고 활성화 한 후 항목을 표시하기 위해 단축 코드에서 사용할 수있는 ID를 얻으려면 모든 제품과 카테고리를 플러그인에 추가해야합니다. 또한 항목에 대한 몇 가지 작은 카탈로그를 만들어야합니다.

예를 들어, 다음 단축 코드는 ID가 "x"인 카탈로그의 제품을 표시합니다.

또는

플러그인은 사용자 정의 가능한 카탈로그 레이아웃, 판매 가격, 제품 가져 오기, 통화 기호, 이동 경로, 소셜 미디어 공유, 제품 리뷰 및 평가, Yoast의 SEO 통합 및 많은 설정 옵션과 같은 기능으로 가득합니다.

플러그인에 포함 된 제품 카탈로그 스타일에는 미니멀리스트, 블록, 호버 및 탭 레이아웃이 포함됩니다. 이러한 스타일 중 일부와 위에서 설명한 일부 기능은 플러그인의 프리미엄 버전에서 사용할 수 있습니다.

플러그인의 도움으로 블록 스타일로 표시되는 제품

Jan Saints (자작): CC-BY-2.0

4. 단축 코드 사용

온라인 상점에 WooCommerce를 사용하는 경우 상점 페이지에 제품을 표시하는 가장 간단한 방법 인 단축 코드를 찾을 수 있습니다. 단축 코드는 제품 및 카테고리 ID 및 SKU와 함께 작동하며 상점 페이지에 복사하여 붙여 넣어 항목을 표시 할 수 있습니다. 아래 단축 코드를 참조하십시오.

– 카테고리 목록을 표시합니다.

– 특정 수의 범주를 표시하며 다음 인수와 잘 작동합니다. 참고: 이러한 인수는이 단축 코드에서도 작동 할 수 있습니다..

• number = "null" – 범주 수를 표시합니다.
• orderby = "name" – 이름으로 정렬 된 경우 카테고리를 표시합니다. 참고: "이름"값은 날짜, 랜드 (임의), 수정 및 없음으로 바꿀 수 있습니다.
• order = "asc" – 오름차순으로 정렬 된 카테고리를 표시합니다. 참고: 값 "asc"를 "desc"로 대체하여 내림차순으로 정렬 할 수 있습니다.
• columns = "x" – 범주의 "x"열을 표시합니다.
• hide_empty = "1" – 카테고리를 숨 깁니다.
• hide_empty = "0" – 카테고리를 표시합니다.
• parent = "0" – 최상위 범주를 표시합니다.
• ids = "x" – ID가 "x"인 카테고리를 표시합니다.
• category = "x" – 카테고리 "x"를 표시합니다.

• category_limit – 제한된 수의 카테고리를 표시합니다.
• archive_template – 특정 목록에 대한 특정 아카이브 템플릿을 표시합니다.
• design_scheme – 특정 색상 또는 크기를 표시합니다.
• sort = "0" – 제품 정렬 선택기를 비활성화합니다.
• sort = "1" – 제품 정렬 선택기를 활성화합니다.
• = "1" – 단축 코드를 활성화합니다.
• post_type – 다른 게시물 유형의 항목을 표시합니다.
• per_row – 행당 제품을 표시합니다.
• 비어 있음 – 표시 할 제품이 없을 때 특정 텍스트를 표시합니다.

• – "x"범주의 "y"항목이 "z"열에 표시되고 게시 된 날짜에 따라 내림차순으로 정렬됩니다.
• – 제품 목록을 표시합니다.
• – 제품 이름을 표시합니다. 참고: "name"값은 더 많은 단축 코드를 형성하기 위해 다른 값으로 대체 될 수 있습니다. 이러한 값 중 일부는 가격, 설명, 간단한 설명, 속성 테이블, SKU, 배송, 갤러리 및 관련 카테고리를 포함합니다.
• – 현재 상품 목록 페이지의 카테고리를 표시합니다.
• – 현재 제품 목록 페이지에 대한 제품을 표시합니다.
• – 이동 경로를 표시합니다.
• – 제한된 수의 제품을 표시합니다.
• – 기본 제품 목록 페이지를 가리키는 제품으로 돌아가는 URL을 표시합니다.
• – 현재 판매중인 제품을 표시합니다.
• – ID가 "x"인 제품을 표시합니다.
• – ID가 "x", "y"및 "z"인 제품을 표시합니다.
• – SKU가 "xyz"인 제품을 표시합니다.
• – SKU가 "abc", "def"및 "ghi"인 제품을 표시합니다.
• – ID가 "x"인 제품의 가격 및 장바구니에 추가 버튼을 표시합니다.
• – SKU가 "x"인 제품의 가격 및 장바구니에 추가 버튼을 표시합니다.
• – 최대 "x"항목을 표시합니다.
• – 특정 속성 (예: 속성 "color"및 색상이 "black"인 제품을 표시합니다.

• - "y"열에 표시된 "x"개의 최근 제품을 게시 한 날짜에 따라 내림차순으로 정렬합니다.
• - "x"추천 상품이 "y"열에 표시되고 게시 된 날짜에 따라 내림차순으로 정렬됩니다.
• - "x"인기 상품이 "y"열에 표시되고 게시 된 날짜에 따라 내림차순으로 정렬됩니다.
• - "x"최고 등급 제품이 "y"열에 표시되고 게시 된 날짜에 따라 내림차순으로 정렬됩니다.
• - "x"베스트셀러 제품이 "y"열에 표시되고 게시 된 날짜에 따라 내림차순으로 정렬됩니다.
• - "x"관련 상품이 "y"열에 표시되고 게시 된 날짜에 따라 내림차순으로 정렬됩니다.
• – 클래식 목록 템플릿으로 제품 목록을 표시합니다. 참고: '목록'대신 '그리드'및 '기본값'과 같은 다른 템플릿을 사용할 수 있습니다.
• – ID가 "x"이고 클래식 목록 템플릿이있는 카테고리의 제품을 표시합니다.

참고: 코딩에 능숙하다면 이러한 단축 코드를 조정하여 더 나은 제품 표시 및 배열을 얻을 수 있습니다.

페이지에 붙여 넣은 단축 코드

Jan Saints (자작): CC-BY-2.0

5. 슬라이더 사용

모르는 경우 슬라이더는 선택한 게시물 그룹을 강조 표시하는 데 사용되는 웹 페이지 요소입니다. 한 번에 하나의 게시물을 자동으로 또는 클릭을 통해 다음 게시물로 이동하는 슬라이드 쇼와 같습니다.

슬라이더가있는 제품을 표시하려면 게시물을 제품으로 교체해야합니다. 제품 슬라이더를 만들 때 Soliloguy와 같은 반응 형 슬라이더 플러그인이 필요합니다. 플러그인을 설치하고 활성화 한 후에는 새 슬라이더를 추가해야하며 항목의 사진, 링크 및 기타 필요한 세부 정보를 사용하여이를 수행 할 수 있습니다. 다음 단계는 단축 코드 및 템플릿 태그를 얻기 위해 슬라이더를 저장하거나 게시하는 것입니다.

마지막으로, 제품을 표시하려면 홈페이지 또는 다른 페이지에 단축 코드를 복사하여 붙여 넣어야합니다. 템플릿 태그는 테마의 헤더 섹션에 항목을 표시 할 수 있습니다. 태그를 복사하고 header.php를 열고 코딩 된 페이지에 붙여 넣기 만하면됩니다.

WooCommerce에는 전자 상거래에 맞게 설계된 Products Slider라는 플러그인이 있습니다. 일반적인 슬라이더 플러그인처럼 작동하지만 더 많은 설정과 옵션이 있습니다. 아이템 전시 및 배치에 도움이 될 수 있는지 확인하시기 바랍니다.

슬라이더에 표시된 제품

Jan Saints (자작): CC-BY-2.0

결론

이 다섯 가지 방법을 사용하면 WordPress 전자 상거래 웹 사이트에 항목을 표시하고 정렬하는 것이 매우 간단하고 쉽습니다. 온라인 상점에서 제품을 진열하고 정리하는 것이 어려웠다면 이제이 두 가지 작업을 훨씬 쉽게 수행해야합니다. 자신에게 적합하다고 생각되는 방법을 선택하고 해당 제품을 더 스마트 한 방식으로 홈페이지에 배치하십시오.

참고 문헌

1. Mening. R. WordPress 및 WooCommerce로 온라인 상점을 구축하는 방법. websitesetup.org . 웹 사이트 설정. (2017).
2. Andronaco R. WooCommerce 및 Wordpress를 사용하여 온라인 상점을 만드는 방법: 전자 상거래 웹 사이트를 완벽하게 설정하기위한 간단한 안내서. (2017).
3. Rastaurius E., Etoile 웹 디자인. WordPress 용 전자 상거래 제품 카탈로그. wordpress.org. implecode. (2017).
4. WooCommerce. WooCommerce에 포함 된 단축 코드. docs.woocommerce.com . WooCommerce. (2016).
5. Truman S., Tuan N., Ar3rev 소프트웨어. WooCommerce 제품 정렬 및 표시 플러그인. wordpress.org. Ar3rev 소프트웨어. (2013).
6. YiThemes. Yith Infinite Scrolling 플러그인. wordpress.org. YITHEMES. (2017).
7. Razzak S. WooCommerce 제품 슬라이더 플러그인에 대한 독점 가이드. cloudways.com. Cloudways Ltd. (2016).
8. Balkhi S. Soliloquy로 반응 형 WordPress 슬라이더를 쉽게 만드는 방법. wpbeginner.com . WPBeginner. (2014).

© 2017 Januaris Saint Fores