WordPress 사이트에 라이브 Ajax 검색을 추가하는 방법(쉬운 방법)

최근 게시물 게시판 wordpress WordPress 사이트에 라이브 Ajax 검색을 추가하는 방법(쉬운 방법)

  • WordPress 사이트에 라이브 Ajax 검색을 추가하시겠습니까?

    WordPress에 즉시 검색을 추가하면 기본 사이트 검색이 향상되고 방문자가 원하는 페이지와 게시물을 더 쉽게 찾을 수 있습니다.

    이 기사에서는 WordPress 사이트에 실시간 Ajax 검색을 추가하는 방법을 단계별로 보여줍니다.

    WordPress에 라이브 Ajax 검색을 추가하는 이유는 무엇입니까?

    즉석 검색이라고도 하는 라이브 Ajax 검색은 Google과 같은 검색 엔진에서 흔히 볼 수 있는 드롭다운 및 자동 완성 기능을 추가하여 기본 WordPress 검색 경험을 개선합니다.

    다음은 이 작업의 예입니다.

    Google 검색 라이브 예시

    실시간 검색은 사용자가 입력할 때 무엇을 검색하는지 추측하고 관련 콘텐츠를 더 빨리 찾을 수 있도록 도와줍니다. 이것은 기본 WordPress 검색에서 크게 개선되었습니다.

    실시간 검색은 사용자가 원하는 것을 빠르게 찾을 수 있도록 도와줌으로써 사용자가 사이트에 더 오래 머무르는 데 도움이 됩니다. 페이지뷰 증가 및 이탈률 감소.

    즉, 라이브 Ajax 검색을 간단히 추가할 수 있는 방법을 살펴보겠습니다. 워드프레스 블로그 또는 웹사이트.

    WordPress 플러그인을 사용하여 WordPress에 Ajax 검색 추가

    Ajax 라이브 검색을 WordPress에 추가하는 가장 쉬운 방법은 다음을 사용하는 것입니다. SearchWP 플러그인. 그건 최고의 WordPress 검색 플러그인 30,000개 이상의 웹사이트에서 사용하는 시장에서

    SearchWP

    이 플러그인은 게시물 콘텐츠의 색인 생성을 넘어 귀하의 웹사이트에 있는 모든 항목을 색인화합니다. 사용자 정의 필드, PDF 문서, 텍스트 파일, 우커머스 제품 등.

    이 튜토리얼에서는 무료로 사용할 수 있습니다. SearchWP 라이브 Ajax Lite 검색 플러그인, Ajax 라이브 검색을 자동으로 활성화하기 때문입니다.

    가장 먼저 할 일은 플러그인을 설치하고 활성화하는 것입니다. 자세한 내용은 단계별 가이드를 참조하세요. WordPress 플러그인을 설치하는 방법.

    활성화되면 기본 WordPress 검색 양식에 이제 자동으로 Ajax 라이브 검색 기능이 포함됩니다.

    WordPress 사이트에 Ajax 라이브 검색 표시하기

    이제 활성 검색 표시줄에 실시간 검색이 있으므로 표시할 위치를 결정하기만 하면 됩니다.

    아래에서 라이브 검색 창을 일반 위치에 추가하는 방법을 배우게 됩니다. 워드프레스 웹사이트.

    WordPress 사이드바에 라이브 Ajax 검색 추가하기

    검색 창을 추가하는 가장 인기 있는 영역 중 하나는 WordPress 사이드바입니다. 이렇게 하면 방문자가 웹사이트의 어디에 있든 쉽게 검색할 수 있습니다.

    검색 위젯을 WordPress에 추가하려면 다음으로 이동하십시오. 외모 » 위젯 블록 기반 위젯 편집기를 불러옵니다.

    위젯 블록 사용자 정의

    귀하의 각 위젯 영역 워드프레스 테마 블록 편집기에 별도의 탭이 있습니다.

    테스트 사이트에서 사이드바 위젯 영역은 ‘오른쪽 사이드바’라고 하지만 테마에 따라 이름이 다를 수 있습니다.

    사이드바 섹션 아래에 있는 ‘+’ 아이콘을 클릭하기만 하면 됩니다.

    사이드바 위젯 블록 추가

    그런 다음 검색 창에 ‘SearchWP’를 입력하고 ‘SearchWP 라이브 검색’ 아이콘을 클릭합니다.

    그러면 라이브 Ajax 검색 위젯이 사이드바에 자동으로 삽입됩니다.

    SearchWP 라이브 검색 위젯 추가

    제목 섹션을 사용자 정의하여 검색 상자의 제목을 변경할 수 있습니다. 완료되면 업데이트 버튼을 클릭하여 변경 사항을 저장하고 검색 창을 활성화합니다.

    라이브 검색 위젯 사용자 지정 및 저장

    이제 모든 웹사이트 방문자가 라이브 검색 표시줄을 사용할 수 있습니다.

    라이브 위젯 검색 예시

    동일한 프로세스를 따라 웹사이트의 다른 위젯 영역에 라이브 검색 표시줄을 추가할 수 있습니다. 탐색 메뉴 영역에 추가하려면 다음 가이드를 참조하십시오. WordPress 메뉴에 검색 창을 추가하는 방법.

    WordPress 페이지에 라이브 Ajax 검색 추가

    웹사이트의 다른 페이지에 라이브 Ajax 검색 상자를 추가할 수도 있습니다. 예를 들어 방문자가 콘텐츠를 검색할 수 있는 아카이브 페이지가 있을 수 있습니다.

    이렇게 하려면 다음으로 이동해야 합니다. 게시물 또는 페이지 편집하고 싶습니다. 이 예에서는 WordPress 페이지에 라이브 검색 창을 추가하는 방법을 보여줍니다.

    먼저, 로 이동 페이지 » 모든 페이지 편집할 페이지를 클릭합니다.

    워드프레스 페이지 열기

    페이지가 열리면 페이지 편집기 화면에서 ‘+’ 아이콘을 클릭합니다.

    블록 메뉴가 나타납니다.

    새 페이지 블록 추가

    그런 다음 상자에 ‘검색’을 입력한 다음 ‘검색’ 아이콘을 클릭하여 페이지에 추가합니다.

    자동으로 검색 표시줄을 배치합니다.

    검색 블록 선택

    검색 상자 내의 검색 제목과 자리 표시자 텍스트를 사용자 지정할 수도 있습니다.

    그런 다음 페이지 오른쪽 상단의 ‘업데이트’ 버튼을 클릭하세요.

    페이지에 실시간 검색 블록 저장

    이제 방문자는 웹사이트의 실시간 검색창을 사용하여 원하는 것을 빠르게 찾을 수 있습니다.

    동일한 프로세스를 사용하여 게시물이나 페이지에 검색창을 추가할 수 있습니다.

    라이브 검색 페이지 예

    인스턴트 WordPress 검색 결과 사용자 정의

    SearchWP는 매우 다재다능한 검색 플러그인이며 게시물 콘텐츠를 넘어 사용자 정의 필드, ACF 필드, 텍스트 파일, PDF 문서 콘텐츠, 사용자 정의 테이블, 사용자 정의 분류, WooCommerce 제품 속성 등을 포함하여 사이트의 모든 것을 인덱싱합니다.

    프로 버전의 SearchWP 플러그인 고유한 관련성 척도를 만들어 검색 결과를 완전히 사용자 정의하고 코드를 작성하지 않고도 알고리즘을 조정할 수 있습니다.

    SearchWP 사용자 정의 엔진

    또한 방문자가 무엇을 검색하는지 볼 수 있는 메트릭 기능과 현장 검색 기능을 더욱 개선하기 위한 기타 여러 강력한 기능을 사용할 수 있습니다.

    이 기사가 WordPress 사이트에 라이브 Ajax 검색을 추가하는 방법을 배우는 데 도움이 되었기를 바랍니다. 당신은 또한 우리의 가이드를보고 싶을 수도 있습니다 최고의 도메인 이름 등록 기관을 선택하는 방법, 그리고 전문가가 선택한 최고의 웨비나 소프트웨어 소기업용.

    이 기사가 마음에 들면 구독하십시오. 유튜브 채널 WordPress 비디오 자습서용. 당신은 또한 우리를 찾을 수 있습니다 트위터 그리고 페이스북.

    포스트 WordPress 사이트에 라이브 Ajax 검색을 추가하는 방법(쉬운 방법) 에 처음 등장 WPB초보자.

    Source link

    신고하기
'WordPress 사이트에 라이브 Ajax 검색을 추가하는 방법(쉬운 방법)'에 답변달기
글쓴이 정보:




64 + = 70