커스터마이저를 사용하여 스토어프론트 테마를 커스터마이징하는 방법
게시 됨: 2020-10-16
200,000개 이상의 활성 설치가 있는 Storefront 테마는 WooCommerce와 원활하게 통합됩니다. WooCommerce는 최소한의 투자로 전자 상거래 상점을 설정할 수 있는 훌륭한 도구임이 입증되었습니다. 또한, 둘 다 상점 소유자가 상점의 모양과 기능을 마음대로 수정할 수 있는 뛰어난 유연성을 제공합니다.
커스터마이저를 사용한 WooCommerce 스토어프론트 테마 커스터마이징
Storefront 테마에는 매장을 시각적으로 향상시키는 탁월한 옵션이 있습니다. WordPress 개발자인 경우 온라인 상점의 사용자 정의에는 제한이 없습니다.
그러나 기술에 정통하지 않은 사람은 그렇지 않습니다. 이 경우 WooCommerce 커스터마이저를 사용할 수 있습니다. WordPress > 사용자 정의 의 일부이며 코드를 건드리지 않고도 스토어 공지, 제품 카탈로그 및 제품 이미지에 대해 사이트 전체에 적용되는 옵션을 선택할 수 있습니다.
WooCommerce 커스터마이저를 찾는 방법
WordPress 메뉴 대시보드에서 모양 > 사용자화 로 이동합니다. 그러면 사용자 정의 메뉴 가 열립니다. WooCommerce 를 선택합니다. 
이 섹션에는 다섯 가지 옵션이 있습니다.
- 매장 공지
- 제품 카탈로그
- 제품 페이지
- 제품 이미지
- 점검
매장 공지
이 섹션에서는 매장을 방문하는 모든 사람에게 표시되는 사이트 전체 메시지를 입력할 수 있습니다. 이 메시지는 정보 제공 또는 홍보용일 수 있습니다. 정보 제공 통지의 예는 기상 조건으로 인한 배송 지연을 고객에게 알리는 메모입니다. 판촉 통지의 예로는 이벤트, 번들, 할인 또는 무료 배송을 광고하는 메모가 있습니다.
단, 그림과 같이 스토어 공지를 활성화 하셔야 합니다. 매장 알림 활성화 확인란을 선택 해제하면 방문자에게 표시되지 않습니다. 
변경 사항에 만족하면 게시를 클릭합니다.
또한 일정 옵션을 사용하여 매장 공지를 예약할 수 있습니다. 이 옵션을 사용하면 제한된 시간 동안 프로모션을 실행하거나 특정 날짜의 자정에 할인을 종료할 수 있습니다. 
그러나 알림을 제거해도 프로모션 실행이 자동으로 중지되지는 않습니다. 즉, 판매 할인, 쿠폰 코드 또는 제한된 시간 제안을 비활성화해야 합니다.
제품 카탈로그
이 섹션에서는 다음을 선택할 수 있습니다.
- 상점 페이지에 표시할 내용
- 카테고리 페이지에 표시할 내용
- 카테고리에서 제품을 정렬하는 방법
- 한 행에 표시할 제품 수
- 페이지에 표시할 제품 행 수
쇼핑 페이지 표시 옵션을 사용하면 제품, 카테고리 또는 둘 다를 표시할 수 있습니다. 하지만 깔끔한 외관을 위해 선택하는 것을 적극 권장합니다. 
범주 표시 옵션은 범주 내의 제품 또는 하위 범주 또는 둘 다를 표시할 수 있습니다. 하나를 선택하는 것이 좋습니다. 
기본 제품 정렬 옵션을 사용하면 표시되는 제품을 제어할 수 있습니다. 제품이 Shop 및 Category 페이지에서 기본적으로 표시되는 방식에 영향을 줍니다.
- 기본 정렬(맞춤형 주문 + 이름) – 제품을 이름의 알파벳순으로 표시합니다.
- 인기순(판매)순으로 정렬 - 판매된 금액에 따라 제품을 표시합니다.
- 평균 평점으로 정렬 - 평균 리뷰 평점을 기반으로 제품을 표시합니다.
- 가장 최근 순으로 정렬 - 상점에 추가된 순서대로 제품을 표시합니다.
- 가격별 정렬(오름차순 또는 내림차순) – 가장 낮은 것에서 가장 높은 것(asc) 또는 가장 높은 것에서 가장 낮은 것(desc)의 가격으로 제품을 정렬합니다.
행당 제품 옵션을 사용하면 쇼핑 및 카테고리 페이지의 단일 행에 표시되는 항목 수를 선택할 수 있습니다. 반면에 페이지당 행 수 옵션을 사용하면 쇼핑 및 카테고리 페이지에 표시되는 행 수를 선택할 수 있습니다. 그러나 제품 이미지의 크기와 컴퓨터/노트북, 태블릿 또는 모바일 장치의 남은 공간에 민감한 것이 가장 좋습니다. 
제품 페이지
이 섹션에는 두 가지 기능이 있습니다.
- Sticky Add-to-Cart – 브라우저 창 상단의 콘텐츠 표시줄입니다. 이 표시줄에는 관련 제품 정보와 장바구니에 담기 버튼이 포함됩니다.
- 제품 페이지 매김 – 제품 페이지의 다음 및 이전 링크를 표시합니다.
제품 이미지
이 섹션에서는 카탈로그 및 썸네일 이미지의 크기 및 자르기 방법을 선택할 수 있습니다. 또한 게시된 변경 사항이 있을 때 상점의 사이트 전체에서 카탈로그 및 축소판 이미지의 크기를 조정할 수 있습니다.
이 옵션에서 지원하는 이미지 유형은 다음과 같습니다.
- 카탈로그 이미지
- 썸네일 이미지
- 단일 제품 이미지
점검
이 섹션에서는 수집하려는 데이터에 따라 특정 필드가 필수 또는 선택인지 여부를 설정할 수 있습니다. 또한 기본값인 별표로 필수 필드를 강조 표시하도록 선택할 수 있습니다.
또한 개인 정보 보호 정책 및 이용 약관 페이지를 만드는 것이 좋습니다. "개인 정보 보호 정책" 링크는 페이지를 새 창에서 열고 "이용 약관" 링크는 이용 약관 페이지의 내용을 보여주는 페이지의 상자를 엽니다.
결론
이 게시물에서는 WooCommerce 커스터마이저에 있는 옵션을 강조했습니다. 워드프레스 초보자라면 실시간으로 변경 사항을 확인하는 데 어려움이 없을 것입니다. 그러나 디자인이 중요하다는 것을 기억하는 것이 가장 좋습니다. 또한 WooCommerce 스토어의 사용자 경험에 영향을 미칩니다.
유사한 기사
- WooCommerce Storefront 홈페이지의 모든 카테고리 표시
- 실제 예를 사용하여 WordPress에 카테고리 이름을 표시하는 방법
- WooCommerce에서 가격 앞에 텍스트를 추가하는 방법 » 가격 앞에 텍스트 추가
- WooCommerce 제품 이미지 크기를 조정하는 방법
- WooCommerce에서 장바구니에 추가 버튼을 숨기는 방법
- WooCommerce에서 가격 뒤에 텍스트를 추가하는 방법 » 가격 접미사 추가
- WooCommerce Storefront 테마 홈페이지 사용자 정의 [궁극적인 가이드]
- WooCommerce에서 내 계정 페이지를 만드는 방법
- 사용자가 구매한 모든 제품을 표시하는 방법 – 구매 내역
- WooCommerce 스토어 프론트 썸네일 크기를 설정하는 방법
- WooCommerce Storefront 테마 검토
- WooCommerce에서 품절 변형을 숨기는 방법
- 헤더의 WooCommerce Storefront 높이를 조정하는 방법
- 스토어프론트 설정 후 제품 추가 방법 [초보자 가이드]
- 페이지 WooCommerce Storefront 테마별로 제품을 변경하는 방법
- WooCommerce 스토어프론트 테마는 무엇입니까? [답변]
- 베스트 셀러 WooCommerce 스토어 프론트 페이지를 숨기는 방법
- 제품 페이지에 Woocommerce 사용자 정의 텍스트 필드를 추가하는 방법