wordpress.org 사이트를 보면 아주 완벽한 검색기를 제공 합니다.
그 기능은 워드프레스의 기본 검색 기능이 아닙니다.
바로 구글에서 제공하는 “구글 맞춤 검색 (Google Custom Search)“입니다.
이 서비스는 거의 무료로 제공되는 기능인데, 그 기능을 이용해서 워드프레스 웹사이트의 검색기능을 강화 할 수 있습니다.

WPBOX.KR 사이트의 검색 기능은 이 방법을 적용하였습니다.

오른쪽 사이드바 상단의 검색창에 직접 “아바다”를 검색 해 보세요!

구글 맞춤 검색 기능을 활용해서 WPBOX.KR+AVADA.KR  사이트의 통합 검색이 가능하도록 만들었습니다.

이 과정을 배우기 쉽고, 따라하기 쉽도록 동영상으로 제작했습니다.

구석,구석에 숨어 있는 내 웨사이트의 자료를 정확하게 찾아주어,  방문객에게 보다 나은 서비스를 제공할 수 있는 편한 방법을 알아 보세요 ^^

 

 

구글 맞춤 검색기 만들기
기본 설정
워드프레스 사이트 연결하기
검색 결과 화면 만들기

 

각종 기능 / 디자인 상세설정

인기글
카페24 웹호스팅 보안서버 SSL 인증서 443 포트 사용
인스타그램 Access Token 과 UserID 가져오는 방법
FTP 파일질라 전송시 한글파일 누락
Woocommerce Quick Buy – 플러그인 : 우커머스 상품목록에 바로구매 버튼 넣기
워드프레스 도메인변경
워드프레스 우커머스 쇼핑몰 플러그인 한국형 배송 설정 정리
워드프레스가 제한하는 파일을 업로드 하는 방법
워드프레스 우커머스 원화(KRW) 설정시에도 페이팔 사용하기
워드프레스 쇼핑몰 플러그인 우커머스 설정
워드프레스 우커머스 배송 지역(Shipping Zones) 설정

4개의 댓글이 있습니다.

  1. 평소에도 워드프레스를 배우는데 많은 도움을 받고 있습니다.
    2개의 동영상을 통해 상세 설명에 감사드립니다.

    워드프레스를 사용하지 않고 다른 빌더를 사용하여 처음 맞춤검색을 만들었을때는 정말 힘들었는데, 훌륭한 동영상자료로 쉽게 만들 수 있었고 상세설명으로 구글 맞춤 검색 엔진 설정에 대한 이해도 깊게 할 수 있었습니다. 다시 한번 감사드립니다. .

  2. 안녕하세요.
    동영상 보고 잘 따라서 만들었습니다.
    혹시 검색어 창 부분에 뜨는 Google 맞춤 검색 이라는 단어가 안나오게 할 수는 없나요??

    1. 아래의 코드를 차일드테마 style.css 파일 에 넣어 보시겠어요?

      .gsc-input input::placeholder {
      color: white !important;
      opacity: 1; /* Firefox */
      }
      .gsc-input > input:-ms-input-placeholder { /* Internet Explorer 10-11 */
      color: white !important;
      }
      .gsc-input > input::-ms-input-placeholder { /* Microsoft Edge */
      color: white !important;
      }

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다