주요 내용으로 건너 뛰기

WordPress 웹 사이트에 Ajax 라이브 검색을 추가하는 방법

Divi : 사용하기 가장 쉬운 WordPress 테마

Elementor로 웹 사이트를 쉽게 만들 수 있습니다

Elementor를 사용하면 전문적인 모양으로 웹 사이트 디자인을 쉽게 만들 수 있습니다. 자신이 할 수있는 일에 대해 비용을 지불하지 마십시오. [무료]

WordPress 웹 사이트에 Live Ajax 검색을 추가하는 방법을 알고 싶습니까?

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

이 기사에서는 Ajax Live Search를 WordPress 웹 사이트에 단계별로 추가하는 방법을 보여줍니다.

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

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

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

Ajax 라이브 검색을 추가하는 방법

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

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

즉, WordPress 블로그 또는 웹 사이트에 Ajax 라이브 검색을 추가하는 방법을 살펴보겠습니다.

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

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

이 플러그인은 기사 콘텐츠 인덱싱을 넘어 사용자 정의 필드, PDF 문서, 텍스트 파일, WooCommerce 제품 등과 같은 웹사이트의 모든 것을 인덱싱합니다.

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

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

활성화되면 기본 WordPress 검색 양식에 Ajax의 실시간 검색 기능이 자동으로 포함됩니다.

WordPress 사이트에 Ajax Live Search 표시하기

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

아래에서는 WordPress 웹 사이트의 일반적인 위치에 라이브 검색 창을 추가하는 방법을 배웁니다.

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

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

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

Ajax 라이브 검색을 추가하는 방법

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

테스트 사이트에서 사이드바 위젯 영역은 " 메인 사이드 바 하지만 테마에 따라 이름이 다를 수 있습니다.

'를 클릭하면 됩니다.+' 사이드바 섹션 아래에 있습니다.

Divi : 모든 시간의 최고의 WordPress 테마!

901.000 다운로드Divi는 세계에서 가장 인기있는 WordPress 테마입니다. 그것은 완전하고, 사용하기 쉽고 62 무료 템플릿 이상을 제공합니다. [추천]

그런 다음 입력 '검색WP' 검색 창에서 ' 아이콘을 클릭하십시오.SearchWP 라이브 검색'.

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

Ajax 라이브 검색을 추가하는 방법

섹션을 사용자 정의할 수 있습니다 표제 검색 상자의 헤더를 변경합니다. 완료되면 버튼을 클릭하십시오 업데이트 변경 사항을 저장하고 검색 창을 온라인으로 전환합니다.

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

동일한 프로세스를 따라 웹사이트의 다른 위젯 영역에 라이브 검색 표시줄을 추가할 수 있습니다.

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

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

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

먼저 페이지 »모든 페이지, 그런 다음 편집할 페이지를 클릭합니다.

페이지가 열리면 '+' 페이지 편집기 화면에서

블록 메뉴가 나타납니다.

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

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

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

그런 다음 " 업데이트 페이지의 오른쪽 상단 모서리에 있습니다.

최고의 WordPress 테마 및 플러그인을 찾고 계십니까?

Envato에서 최고의 플러그인과 WordPress 테마를 다운로드하고 쉽게 웹 사이트를 만드십시오. 이미 49.720.000 다운로드 이상. [EXCLUSIVE]

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

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

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

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

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

또한 방문자가 무엇을 찾고 있는지 볼 수 있는 메트릭 기능과 웹사이트의 검색 기능을 더욱 향상시키는 기타 여러 강력한 기능을 사용할 수 있습니다.

읽기 : WordPress 검색 결과에서 페이지를 제외하는 방법

프리미엄 워드 프레스 플러그인도 만나보세요 부가적인 

다른 플러그인을 사용하여 WordPress 블로그에 카운트 다운을 표시 할 수 있습니다. 다음에, 나는 그들 중 일부를 제안합니다.

1. 곧 출시 될 카운트 다운

COMING SOON CountDown은 WordPress 플랫폼에서 가장 인기있는 프리미엄 WordPress 카운트 다운 플러그인 중 하나입니다. 2 개의 카운트 다운 템플릿과 10 가지 종류의 월페이퍼가있어 더욱 아름답고 매력적입니다.

카운트 다운 반응 형 워드 프레스 플러그인 출시 예정

사실, COMING SOON CountDown을 사용하면 웹 사이트에서 계속 작업 할 수 있습니다. 당신의 동안 방문자 참조 '출시 예정'페이지가 표시되었습니다. 완료되면 버튼 하나만 누르면 웹 사이트를 다시 온라인 상태로 만들 수 있습니다.

우리는 또한 당신이 우리를 발견 초대 10 WordPress 플러그인을 사용하여 웹 사이트의 시각적 효과 향상

또한 어떤 것을 결정할 수 있습니다 사용자는 자신의 상태에 따라 웹 사이트를 볼 수도 있고 보지 못할 수도 있습니다. 웹 사이트의 일부만 "출시 예정"페이지에 제출되는 경우 방문자가 사용할 수있는 페이지와 그렇지 않은 페이지를 정의 할 수도 있습니다.

다운로드 | 데모 웹 호스팅

2. WooCommerce 판매 카운트 다운

WooCommerce Sales Countdown은 전자 상거래 웹 사이트에서 판매 캠페인을 홍보하도록 설계된 환상적인 프리미엄 WordPress 플러그인입니다. 

Woocommerce 판매 카운트 다운

판매중인 제품과 함께 전용 카운트 다운 영역을 설정하고 해당 제품을 저렴한 가격으로 구매할 수있는 시간을 고객에게 알려줍니다. 이 플러그인은 다음 잔액 기간에 카운트 다운을 추가하는 옵션도 제공합니다.

다운로드 | 데모 | 웹 호스팅

3. 제안 카운트 다운 타이머 프로

WordPress 프리미엄 오퍼 카운트 다운 타이머 Pro 플러그인을 사용하면 웹 사이트에서 제공하는 오퍼에 대한 카운트 다운을 만들 수 있습니다. 전자 상거래 웹 사이트에 지능적으로 적응할 수있는 편리한 기능이 포함 된이 플러그인은 확실히 귀하의 제품을 최대한 활용할 수 있습니다.

이벤트 제품에 대한 카운트 다운 타이머 프로 워드 프레스 플러그인 제공

가장 흥미로운 점은 설정과 사용이 매우 쉽다는 것입니다. 웹 사이트의 각 페이지에서 다양한 오퍼에 대한 타이머를 쉽게 설정하고, 위젯을 생성하고, 다른 시간대를 설정하고, 오퍼의 만료 시간을 설정하는 등의 작업을 할 수 있습니다.

온라인 상점을 쉽게 만들 수 있습니다.

무료 WooCommerce를 다운로드하십시오. 전자 상거래 플러그인은 WordPress에서 실제 제품과 디지털 제품을 판매하는 플러그인입니다. [추천]

여기에 우리가있다. 블로그의 RGPD 준수를 보장하는 6 WordPress 플러그인

이 프리미엄 WordPress 플러그인은 카운트 다운 타이머의 모양을 사용자 정의 할 수있는 기능도 제공합니다.

다운로드 | 데모 | 웹 호스팅

추천 자료

웹 사이트 구축 및 관리에 도움이되는 기타 권장 리소스에 대해 알아보십시오.

결론

거기 ! 이것이 이 튜토리얼의 내용입니다. 이 기사가 WordPress 사이트에 라이브 Ajax 검색을 추가하는 방법을 배우는 데 도움이 되었기를 바랍니다. 주저하지 마십시오 좋아하는 소셜 네트워크에서 친구들과 공유

그러나 귀하는 우리와 상담 할 수 있습니다. 능숙, 인터넷 사이트 제작 프로젝트를 수행하는 데 더 많은 요소가 필요하면 워드 프레스 블로그 제작.

그러나 그 동안 귀하의 commentaires 전용 섹션의 제안.

...  

이 문서에는 메모의 0을 포함

코멘트를 남겨주세요

귀하의 이메일 주소는 공개되지 않습니다. 필수 필드는 표시됩니다 *

이 사이트는 원하지 않는 것을 줄이기 위해 Akismet을 사용합니다. 댓글 데이터 사용 방법에 대해 자세히 알아보기.

맨 위로
0 주식
짹짹
레지스터