Storefront Theme 는 우커머스에서 제공하는 기본 테마(blank theme)입니다. 온라인 상점을 만들려고 우커머스용 테마를 찾다보면, 매번 테마를 찾는 것도 곤역이고 어렵게 찾은 테마에서 2%부족한 점들을 직면하게 됩니다. 이럴때 이용할 수 있는 것이 Storefront Theme(우커머스에서 제공하는 기본 테마, balnk theme)입니다.
무료 플러그인들로 최대한 활용할 수 있는 방법들
Storefront Theme 와 같이 사용할 수 유용한 무료 플러그인들은 워드프레스 관리자페이지에서 [플러그인] > [새로 추가] 에서 검색창에 ‘storefront’ 키워드로 플러그인 검색하여 찾으실 수 있습니다.
1) Homepage Control Plugin
개요
우커머스 기본 테마인 Storefront Theme의 홈페이지(상점 첫화면)에 표시되게 할 수 있는 구성 요소들( Homepage Content, 상품 카테고리(Product Categories), 신상품(Recent Products), 주요상품(Featured Products), 인기상품(Popular Products), 판매중인 상품(On Sale Products), 베스트셀러 상품(Best Selling Products))을 홈페이지(상점 첫화면)에 표시되게 할지 말지와 그 순서 변경하는 플러그인입니다.
워드프레스 관리자페이지에서 [플러그인] -> [새로추가] 하여 Homepage Control 를 검색하여 [설치] 및 [활성화]해줍니다.
사용법
활성화되면 테마 사용자 정의 부분 (외모(Appearance) > 사용자정의(Customizer)으로 이동하시면 Storefront Theme의 사용자정의부분에 전에는 없던 “Homepage Control”항목이 표시됩니다. ( Storefront Theme외에 다른 테마에서는 “Homepage Control”항목이 보여지 않습니다. )
이 화면을 방문하면 가능한 홈페이지 구성 요소가 표시되고, 배열을 마우스 끌어서 이동하여 재구성하거나 개별 구성 요소를 사용 또는 사용 중지 할 수있는 옵션이 표시됩니다.
우커머스 기본 테마인 Storefront Theme의 홈페이지(상점 첫화면)에 표시되게 할 수 있는 구성 요소들은 아래와 같습니다.
Storefront Homepage Content
Storefront Product Categories
Storefront Recent Products
Storefront Featured Products
Storefront Popular Products
Storefront On Sale Products
Storefront Best Selling Products
아직 다양한 상품을 등록하지 않은 쇼핑몰에서는 차이를 모르실 수 있습니다. 이경우, 아래의 WooCommerce Storefront Homepage Control Plugin 동영상을 살펴보시면 각각의 구성요소들이 무엇을 의미하는지 아실 수 있습니다. 일단은 모두 check하시어 사용하시다가 필요없는 것을 제거하거나 재배치하세요.
완료되면 “변경 사항 저장”버튼을 클릭하여 새 구성 요소 주문을 시스템에 적용하십시오.
[외모] -> [사용자정의] -> [홈페이지 설정]에서 홈페이지를 [상점]으로 선택하셔야 (다른 특정 페이지나 블로그로 선택되어 있으면 이 플러그인에서 스위치를 on/off하셔도 변화를 살펴보실 수 없습니다. ) Recent Products(신상품), Featured Products, Popular Products(인기상품), On Sale Products(판매중 상품), Best Selling Products(베스트 상품)등이 표시되는 것을 확인할 수 있습니다.
WooCommerce Storefront Homepage Control Plugin 동영상(1:09)
2) Storefront Header Picker Plugin
개요
이 플러그인을 사용하면 Storefront 테마의 머리글(header)의 레이아웃, 검색창, 장바구니를 변경(숨기기)할 수 있습니다.
이 플러그인은 메인 헤더 상단에 두 개의 위젯 영역을 추가합니다. 위젯 영역을 추가하는 주된 목적은 상단에 탐색 및 주의 사항을 쉽게 추가하는 것이나 예를들면, top bar에 많이 사용하는 소셜링크라든지 알림이라든지 구독신청 등 설치된 모든 위젯을 배치 및 수정하여 풍성하고 자유자재의 컨텐츠를 추가할 수 있습니다.
설치 및 활성화
Storefront Top Bar 동영상(1:23)
사용법
다른 위젯 영역과 마찬가지로 WordPress 관리자페이지(대시 보드)의 위젯 페이지로 이동하여 위젯을 쉽게 추가 할 수 있습니다.
[외모] -> [위젯]으로 이동하시면 Top Bar 1와 Top Bar 2 위젯이 만들어진 것을 확인할 수 있습니다. Top Bar 1와 Top Bar 2 위젯에는 파란색 안에 모든 위젯의 설치가 가능하다는데 큰 장점이 있습니다.
[외모] -> [사용자 정의] -> [Top Bar]로 이동하시면
만들어 놓은 Top Bar 1, Top Bar 2 위젯의 배경색, text 색깔, 링크 색깔을 설정할 수 있으며 Top Bar 1, Top Bar 2 의 위치를 좌측, 중앙, 우측으로 배열할 수 있습니다. 모바일에서 보이게 할지 보이지 않게 할지도 설정할 수 있습니다.
노트:
첫 번째 위젯 영역 에만 위젯 이있는 경우 너비가 100 %가되고 두 번째 위젯 영역이 표시되지 않습니다.
맞춤 메뉴 위젯에 대한 스타일링 지원이 추가되었습니다. 모양과 느낌은 기본 메뉴 및 하위 메뉴 스타일과 비슷합니다.
이 플러그인은 Storefront Designer Extension 에서 추가한 헤더 옵션을 지원하지 않습니다
이 플러그인을 사용하면 특정 페이지나 게시물에서 페이지 “제목” 또는 “태그 그리고 코멘트수”을 쉽게 제거 할 수 있습니다.
기본 사례 시나리오는 “홈페이지”에 대해 설정할 제목을 숨길 수있는 것입니다.
사용법
페이지 또는 게시글(post)편집 화면에서 Title 및 Toggle 메타 상자가 나타날 때까지 아래로 스크롤하십시오. ‘제목 숨기기’체크 박스를 선택하고 페이지를 [업데이트]하십시오.
페이지가 업데이트 된 후 페이지를 확인하여 제목이 성공적으로 제거되었는지 확인하십시오. 이 기능은 홈페이지의 첫페이지(전면페이지)를 만들데 제목이 노출되어 디자인에 맞지 않을때 유용한 기능입니다.
포스트 메타 (태그 및 코멘트 수)를 제거하는 옵션도 있습니다.
Title Toggle for Storefront Theme 동영상(2:11)
5) Storefront Add Slider
개요
이 플러그인을 사용하면 Meta Slider, Smart Slider 3, Soliloquy, Revolution Slider, LayerSlider shortcode와 같은 slider shortcode(단축키)를 Storefront 테마 Frontpage 및 다른 모든 페이지에 추가 할 수 있습니다.
This plugin lets you add any slider shortcode (Meta Slider, Smart Slider 3, Soliloquy, Revolution Slider, LayerSlider shortcode) to your Storefront theme Frontpage.
![[추천]우커머스 기본 테마인 Storefront Theme 와 관련 플러그인들](https://aiforu.kr/wp-content/uploads/2022/02/logo-web-transparent-2.png){kind=logo}
![[추천]우커머스 기본 테마인 Storefront Theme 와 관련 플러그인들](https://aiforu.kr/wp-content/uploads/2022/02/logo-web-transparent-3.png){kind=logo}
