온라인 쇼핑몰 제작 가이드를 따라 직접 쇼핑몰을 만든 후, 검색 기능 최적화를 원하는 분들을 위한 가이드 입니다. 쇼핑몰 검색 기능 업그레이드 방법 을 따라 검색 엔진 기능과 검색 결과 페이지를 업그레이드 해보세요. 아래에 유튜브 동영상 보시며 따라하시면 되겠습니다. 

쇼핑몰 검색 업그레이드 방법

내 도메인의 워드프레스 어드민 사이트를 엽니다.

  • 내 도메인명/wp-admin/ 을 브라우저에 입력 하여 워드프레스를 여세요.
    (예: overseastory.com/wp-admin/)
워드프레스 블로그 만들기 3단계 – 블로그 포스팅 10

온라인 쇼핑몰 검색 기능 업그레이드를 위한 무료 플러그인 툴을 설치합니다.

플러그인 용도 가격
AJAX Search for WooCommerce
검색 기능 업그레이드
무료
WooCommerce Product Archive Customiser
검색 결과 페이지
무료

AJAX search 설정

  • [우커머스]  [AJAX search bar] 를 클릭하세요.
  • Replace에 체크 → 변경 사항 저장 하세요.

추가 기능 설정

  • 필요 여부에 따라 Search bar, Autocomplete, Search config 을 설정하세요.
    (아래 유튜브 동영상을 보시면 제 쇼핑몰 검색 설정을 참고하실 수 있습니다.) 

검색 페이지에 사용된 CSS

  • Search Results Page 헤더 타이틀 숨기기
    #main .woocommerce-products-header {
    height:0px;
    display:none;}

쇼핑몰 검색 기능 업그레이드를 완성했습니다.

유튜브 동영상 보고 따라하기

sharing experience and information

Tips!

돈버는 블로그 만들기

쇼핑몰 만들기가 복잡 하다고 느끼신다면, 돈버는 블로그 만들기 (10분 완성) 가이드를 따라 블로그를 제작, 수익을 창줄해 보세요.
코딩 필요없이 클릭만으로 만들 수 있어 완전초보 분들도 쉽게 제작 할 수 있습니다.

워드프레스 어드민 사이트 여는 2가지 방법

  • 브라우저에 내 도메인명/wp-admin/ 입력 (예: overseastory.com/wp-admin/)
  • panel.dreamhost.com 에 접속해서 【Open WordPress Editor】  클릭
Skye Noh
Oversea Story
     21 May 2020