라이브 검색 플러그인 – WP Live Search

구글 검색창에 원하는 키워드를 입력하면 아래 화면에 키워드가 변경됨에 따라 검색 결과가 자동으로 변경되서 보입니다. 보통 웹사이트의 검색창은 키워드가 입력되고 엔터키를 쳤을 경우에 페이지가 새로고침 되면서 키워드에 따른 결과를 표시하곤 합니다. 검색을 많이 해야하는 사이트에서 이렇게 새로고침 되는 횟수가 많아지면 사용자의 피로도가 높아지겠죠. 이번 포스트에서는 실시간으로 빠르게 검색 결과를 보여주는 플러그인을 소개하겠습니다.


사용전 필요한 플러그인

이 플러그인은 REST API 플러그인이 먼저 설치 되어야 합니다. 아래의 WP REST API 플러그인을 설치한 후 WP Live Search를 설치하세요.

WP Live Search

플러그인을 설치하고 원하는 페이지에 아래의 쇼트코드를 입력하면 해당 페이지에서 라이브 검색 기능을 사용할 수 있습니다.

검색의 옵션을 추가하고 싶다면 document 페이지를 참고해보세요. 예를 들어 gallery라는 custom post type(사용자 정의 포스트)의 검색 결과만 보여주고 싶다면 아래와 같이 옵션을 사용하면 됩니다.

마치며

live-search-sample
검색창에 세글자 이상을 입력하면 자동으로 검색 로딩 아이콘이 표시되면서 결과를 아래로 보여줍니다. 테마에 따라 스타일의 조정은 필요하겠죠. 확실히 일반 검색창보다는 빠른 느낌이 들고 페이지 로딩이 되지 않기 때문에 조금 더 사이트가 깔끔해지는 것 같네요. 아직 개발 초기이지만 깔끔하고 사용방법이 쉬워서 지속적인 개발만 이뤄진다면 앞으로 많은 사이트에서 사용하게 될 것 같습니다. 그럼 오늘도 즐거운 블로깅 하세요 🙂

글쓴이

HwangC

안녕하세요! 여러분의 편안한 워드프레스 안내자 황씨입니다.

답글 남기기

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