WordPress에서 나만의 맞춤 검색 양식을 만드는 방법(3가지 방법)

코딩 없이 WordPress에서 사용자 정의 검색 양식을 쉽게 만들고 싶으십니까?

사용자 정의 검색 양식을 사용하면 방문자가 몇 번의 클릭으로 웹사이트 콘텐츠를 쉽게 검색하고 필터링할 수 있습니다.

사용자가 원하는 것을 빨리 찾으면 사이트에 더 오래 머무를 가능성이 높아집니다. 또한 제품 구매, 블로그 읽기, 뉴스레터 구독 등의 조치를 취할 가능성이 더 큽니다.

이 게시물에서는 WordPress에서 사용자 경험을 향상하고 전환율을 높이기 위해 사용자 지정 검색 양식을 쉽게 만드는 방법을 보여줍니다.

그 전에 사이트에 대한 사용자 지정 검색 양식을 만들어야 하는지 알아보겠습니다.

사용자 정의 검색 양식을 만드는 이유는 무엇입니까?

사용자 지정 검색 양식은 콘텐츠, 제품, 설명서 및 FAQ가 많은 사이트에 이상적입니다. 전자 상거래 상점, 온라인 비즈니스 디렉토리, 학교/대학 사이트 및 이와 유사한 사이트에서 필수 기능입니다.

검색 옵션을 통해 사용자는 몇 분 또는 몇 시간을 검색하지 않고도 필요한 것을 찾을 수 있습니다.

WordPress 사이트에 대한 사용자 지정 검색 양식을 만들어야 하는 이유는 다음과 같습니다.

• 사용자가 콘텐츠를 탐색하는 데 도움이 됩니다.
• 더 빨리 물건을 찾아 시간을 절약합니다.
• 전환 및 판매 촉진
• 모바일 사용자를 위해 사이트 최적화
• 이탈률 감소

이제 양식 빌더 플러그인을 사용하여 WordPress에서 사용자 정의 검색 양식을 만드는 방법을 보여 드리겠습니다.

WordPress에서 사용자 정의 검색 양식을 만드는 방법

사용할 수 있는 첫 번째 방법은 WordPress.org에서 제공하는 기본 검색 옵션입니다. 사이트의 페이지와 게시물을 검색할 수 있는 기본 WordPress 검색을 활성화할 수 있습니다.

이 방법은 조금 복잡합니다. 여기에는 매우 민감한 functions.php와 같은 파일을 코딩하고 편집하는 작업이 포함됩니다. 한 단계가 잘못되면 웹사이트가 손상될 수 있습니다.

사이트에 검색 양식을 표시하려면 " get_search_form() " 함수를 사용해야 합니다. 이것은 워드프레스 테마의 searchform.php 파일에 도움이 될 것입니다. 찾을 수 없으면 WordPress 기본 핵심 검색 옵션이 사용됩니다.

그러나 WordPress 검색 상자를 사용자 지정하려면 파일에 코드를 추가해야 합니다.

코딩에 익숙하지 않다면 안정적인 WordPress 검색 플러그인을 사용하여 사이트 검색을 활성화하는 것이 가장 좋습니다. 이것이 바로 이 튜토리얼에서 우리가 할 일입니다.

WordPress 검색 양식을 사용자 정의할 수 있는 여러 플러그인을 시장에서 찾을 수 있습니다.

사용자 정의 검색을 생성할 수 있을 뿐만 아니라 필터를 추가하고 방문자에게 올바른 결과를 표시할 수 있는 WordPress 플러그인을 선택해야 합니다.

사이트의 모든 것을 검색할 수 있는 WordPress용 #1 검색 플러그인인 SearchWP를 사용하는 것이 좋습니다. Formidable Forms를 사용하여 사용자 지정 검색 양식을 만들 수도 있습니다. 아래에서 이 2개의 플러그인을 사용하여 사용자 정의 검색 양식을 만드는 방법을 보여줍니다.

SearchWP를 사용하여 사용자 지정 검색 양식 만들기

SearchWP는 WordPress를 위한 최고의 맞춤 검색 플러그인입니다. 사용하기 쉽고 정확한 결과를 표시하며 검색 양식을 제어할 수 있습니다.

SearchWP는 정말 훌륭하고 놀라운 프리미엄 기능을 가지고 있으므로 프리미엄 플러그인입니다. 연간 $99부터 시작하는 플랜에 가입할 수 있습니다. 실망하지는 않겠지만 14일 환불 보장이 있습니다.

이렇게 하면 모든 항목에 대한 검색을 활성화할 수 있습니다. 사이트에서 제품 세부 정보, 사용자 정의 필드 내용, 단축 코드 출력, 사용자 정의 데이터베이스 테이블 내용, 교차 사이트 다중 사이트 검색 등을 검색합니다.

다음과 같은 기능에 액세스할 수 있습니다.

• PDF 및 Office 문서 인덱싱
• 코딩 없이 네이티브 WP 검색과 자동 통합!
• 여러 검색 엔진
• 키워드 형태소 분석
• 고급 사용자 정의 필드 지원
• WooCommerce 통합
• 결과 제외 또는 속성 지정
• 검색 만족도 및 통찰력
• 쉬운 알고리즘 사용자 정의

플러그인은 bbPress, WP Job Manager, Easy Digital Downloads 등과도 통합됩니다. 또한 헌신적인 지원과 자세한 문서에 액세스할 수 있습니다.

그리고 우리가 언급한 모든 것은 기본 계획일 뿐이므로 플러그인은 월 $8.25의 가격에 완전히 가치가 있습니다. 고급 요금제에서 훨씬 더 많은 기능을 사용할 수 있습니다.

계정에 가입하면 아래 자습서를 시작할 수 있습니다.

1단계: SearchWP 활성화

SearchWP 계정 내에서 라이선스 키, 계정 세부 정보 및 다운로드에 액세스할 수 있습니다. 플러그인 파일을 다운로드해야 합니다. 또한 잠시 후 필요할 것이므로 라이센스 키를 복사하고 싶을 것입니다.

그런 다음 wp-admin 패널로 이동하여 플러그인 » 새로 추가 » 플러그인 업로드로 이동합니다.

컴퓨터에 다운로드한 플러그인 파일을 선택하고 지금 설치 버튼을 클릭합니다.

설치 및 활성화한 후에는 설정 » SearchWP 페이지를 방문하여 '라이선스' 메뉴 옵션을 클릭해야 합니다.

SearchWP 계정에서 라이선스 키를 가져와 라이선스 상자에 붙여넣습니다.

활성화 버튼을 클릭하면 검색 엔진을 설정할 준비가 된 것입니다.

2단계: 검색 엔진 사용자 지정

wp-admin 패널의 SearchWP 탭에서 '엔진' 메뉴 옵션을 선택합니다. 안으로 들어가면 '새로 추가' 버튼을 클릭하여 새 검색 엔진을 만듭니다.

이렇게 하면 '보충'이라는 새 검색 엔진이 만들어집니다. 이름을 변경하려면 '소스 및 설정' 버튼을 클릭해야 합니다.

이제 게시물, 페이지, 미디어 파일, 댓글 및 사용자를 검색할지 여부를 선택하는 옵션이 표시됩니다. 권장 설정은 이미 여기에 추가되어 있으므로 그대로 둘 수 있습니다.

나중에 검색 엔진을 식별하기 위해 '엔진 레이블' 필드에서 이름을 '사용자 지정'으로 지정하겠습니다.

여기에서 '키워드 줄기' 옵션이 선택되었음을 알 수 있습니다. 이렇게 하면 가장 관련성이 높은 검색 결과가 표시되도록 사용자가 검색할 때 단어 끝이 무시됩니다.

여기에서 준비가 되면 '완료' 버튼을 눌러 변경 사항을 저장하십시오.

이제 엔진 페이지로 돌아가서 각 부제목 아래에 '적용 가능한 속성 관련성'이라는 섹션을 볼 수 있습니다. 이를 통해 다양한 게시물 속성의 우선 순위를 지정하거나 검색 결과 페이지에 특정 카테고리 또는 태그만 포함할 수 있습니다.

슬라이더를 사용하여 '속성 관련성'을 조정하기만 하면 됩니다.

이는 검색 엔진이 사이트의 콘텐츠를 평가하고 순위를 매기는 방식에 영향을 미칩니다. 예를 들어 Google에서 콘텐츠보다 게시물 제목에 더 많은 관심을 기울이도록 하려면 여기에서 제목을 더 중요하게 생각할 수 있습니다.

다음으로, SearchWP를 사용하면 특정 콘텐츠가 검색 결과에 포함되거나 제외되는지 여부를 제어할 수 있습니다. 이를 위해 규칙을 만들 수 있습니다.

이를 통해 고객은 탐색 중인 동일한 범주의 제품을 빠르게 찾을 수 있습니다. 또는 방문자가 방금 읽은 것과 동일한 주제에 대한 콘텐츠를 검색할 수 있습니다.

규칙을 설정하려면 각 섹션에 '규칙 수정' 버튼이 있습니다.

이것을 클릭하면 카테고리, 태그, 형식, 게시 날짜 및 게시물 ID에 대한 설정이 포함된 팝업이 표시됩니다.

여기에서 원하는 대로 규칙을 만들어 검색 엔진이 작동하는 방식을 제어할 수 있습니다.

작업이 완료되면 페이지 상단의 '엔진 저장' 버튼을 클릭하여 맞춤 검색 엔진을 만드십시오.

이제 WordPress 검색 엔진을 성공적으로 설정했습니다. 웹사이트에 추가할 준비가 되었습니다.

3단계: 단축 코드가 있는 검색 양식 추가

일반적으로 웹 사이트에 검색 엔진을 추가하려면 많은 코딩이 필요하지만 SearchWP는 이를 최소한으로 유지했습니다. 검색 엔진을 삽입하려면 숏코드를 붙여넣기만 하면 되며, 초보자도 쉽게 할 수 있을 정도로 간단합니다.

SearchWP Shortcodes Extension을 방문한 다음 'Download Extension' 버튼을 클릭하기만 하면 됩니다.

그런 다음 위의 플러그인을 설치한 것과 같은 방식으로 WordPress 사이트에 확장 프로그램을 설치하고 활성화해야 합니다.

활성화되면 게시물, 페이지 및 위젯 내부에 간단한 단축 코드를 추가할 수 있습니다.

블록 편집기에서 게시물을 편집하고 'Custom HTML'이라는 새 블록을 추가하기만 하면 됩니다.

블록 내에서 다음 단축 코드를 복사하여 붙여넣을 수 있습니다.

 [searchwp_search_form engine="custom" var="searchvar" button_text="Custom Search"] <div class="search-results-wrapper"> [searchwp_search_results engine="custom" var="searchvar" posts_per_page=4] <h2>[searchwp_search_result_link direct="true"]</h2> [searchwp_search_result_excerpt] [/searchwp_search_results] </div> <div class="no-search-results-found"> [searchwp_search_results_none] No results found, please search again. [/searchwp_search_results_none] </div> <div class="search-results-pagination"> [searchwp_search_results_pagination direction="prev" link_text="Previous" var="searchvar" engine="custom"] [searchwp_search_results_pagination direction="next" link_text="Next" var="searchvar" engine="custom"] </div>

엔진 이름을 'custom'으로 지정했습니다. 다른 이름을 선택한 경우 이 코드 스니펫 내 네 곳에서 engine=“custom” 을 고유한 엔진 이름으로 변경해야 합니다.

이 코드에서 버튼 텍스트는 '맞춤 검색'입니다. 검색 버튼의 텍스트를 더 창의적인 것으로 변경하려면 첫 번째 줄 button_text=“Custom Search” 에서 편집할 수 있습니다.

이 코드는 WordPress 게시물에 맞춤 검색 엔진을 추가합니다. 또한 검색 결과를 표시하고, 필요한 경우 결과 없음 메시지를 표시하고, 결과가 여러 페이지로 갈 경우 페이지 매김을 추가하는 섹션을 만듭니다.

게시물을 미리 볼 수 있으며 검색 엔진이 나타나는 것을 볼 수 있습니다. 게시물 내부에 CTA 버튼과 함께 검색 필드가 표시됩니다.

그런 다음 게시하거나 업데이트 하고 사용자 지정 검색 양식을 활성화합니다. 도움이 필요하면 WordPress에 단축 코드를 추가하는 방법에 대한 쉬운 가이드를 따르세요.

몇 가지 검색어를 입력하여 도구가 반환하는 결과를 확인하여 사용자 정의 양식을 테스트할 수 있습니다.

이를 통해 WordPress 웹 사이트에 검색 창을 추가하는 방법을 배웠습니다. SearchWP는 더 많은 기능을 탐색할 가치가 있는 고급 검색 플러그인입니다. 다음으로 웹사이트의 검색 기능을 향상시키는 방법을 보여드리겠습니다.

4단계: 고급 설정 구성

맞춤형 WordPress 검색 양식을 개선하기 위해 다루려는 2가지 고급 옵션이 있습니다.

• 라이브 Ajax 검색 추가 : 사용자가 입력할 때 자동으로 드롭다운 검색 결과를 추가합니다. 사용자가 쿼리를 더 빨리 찾을 수 있도록 도와줍니다. SearchWP는 이를 위해 WordPress 저장소에서 무료 Live Ajax Lite 검색 플러그인을 제공합니다.
• SearchWP에 고급 설정 사용 : WordPress 메뉴의 설정 » SearchWP 탭 아래에 고급 탭이 있습니다. 이 페이지에서 사용자가 원하는 것을 더 쉽게 찾을 수 있도록 설정을 활성화할 수 있습니다.

이렇게 하면 검색 엔진이 작동하는 방식을 완전히 제어할 수 있습니다. 다음으로 검색 엔진의 모양을 사용자 지정하는 방법을 보여 드리겠습니다.

5단계: 검색 양식 및 결과 페이지 스타일 지정

새 검색 표시줄이 표시되는 방식이 마음에 들지 않으면 변경할 수 있습니다.

사이트 테마가 홈페이지, 헤더, 사이드바, 게시물, 검색 양식 및 검색 결과의 모양을 제어한다는 사실을 알아야 합니다. WordPress 테마의 형식과 스타일은 CSS 스타일시트에 저장됩니다.

검색 표시줄과 결과 페이지의 모양을 변경하려면 사용자 정의 CSS를 추가하기만 하면 됩니다.

이전에 이 작업을 수행하지 않았다면 웹사이트를 백업하는 것이 좋습니다. 일이 계획대로 진행되지 않을 경우에 대비하여 사이트를 복원할 수 있는 것이 중요합니다. 그런 다음 스테이징 사이트(웹 사이트의 복제본)를 사용하여 먼저 시도해 볼 수 있습니다.

다음은 대부분의 WordPress 테마에서 작동하는 사용자 정의 CSS 스니펫입니다. 첫 번째 섹션은 기본 검색 양식의 스타일을 변경하고 두 번째 섹션은 검색 결과를 사용자 지정합니다.

사이트 검색 기능의 스타일을 지정하려면 다음 코드를 복사하여 붙여넣을 수 있습니다.

 .searchform { font-family:arial; font-size:16px; background:#ace5e3; color:#ffffff; border:1px solid #61c3c0; padding:10px; height:90px; width:600px; } .search-results { font-family:arial; font-size:16px; background:#ace5e3; color:#000000; border:1px solid #61c3c0; padding:10px; width:600px; }

이에 대해 더 알고 싶으십니까? WPBeginner에는 최고의 가이드가 있습니다: WordPress 사이트에 사용자 정의 CSS를 쉽게 추가하는 방법.

그게 다야! SearchWP를 사용하여 완전히 사용자 지정 가능한 검색 양식을 만들었습니다.

다음으로 사용자 지정 WordPress 검색 양식을 만드는 또 다른 방법을 보여 드리겠습니다.

강력한 양식을 사용하여 사용자 정의 검색 양식 만들기

Formidable Forms는 완전히 통합된 보기 기능과 함께 제공되는 유일한 WordPress 양식 빌더 플러그인입니다. 따라서 양식 데이터를 수집할 수 있을 뿐만 아니라 사이트의 프런트 엔드에 표시할 수도 있습니다.

Views를 사용하면 WordPress 대시보드에서 직접 사용자가 제출한 데이터를 아름답게 표시하는 웹 페이지를 쉽게 만들 수 있습니다. 이를 사용하여 비즈니스 디렉토리, 회원 디렉토리, 목록 등을 표시할 수 있습니다.

또한 보기를 검색 양식과 연결하고 사이트 방문자가 특정 콘텐츠를 검색하도록 할 수 있습니다.

즉, 튜토리얼을 시작하겠습니다.

1단계: Formidable Forms 플러그인 설치 및 활성화

먼저 Formidable Forms 계정에 가입해야 합니다. 보기 기능이 포함된 계획을 확인하십시오.

가입한 후 WordPress 관리 대시보드로 이동하여 플러그인 » 새로 추가 탭을 엽니다. Formidable Forms 플러그인을 검색하고 거기에서 설치 버튼을 클릭하십시오.

이에 대한 도움이 더 필요하면 WordPress 플러그인 설치 방법에 대한 가이드를 참조하세요.

플러그인을 설치하고 활성화하면 환영 페이지가 표시됩니다. 계정 연결 버튼을 클릭 하여 계정 에 연결하고 모든 프리미엄 기능에 액세스하십시오.

Formidable Forms 계정에 아직 로그인하지 않았다면 다시 로그인해야 합니다.

다음으로 사이트에 Formidable Forms Pro 및 Visual Views 추가 기능을 설치해야 합니다.

WordPress 대시보드의 Formidable 탭에서 직접 설치하거나 계정에서 플러그인 파일을 다운로드할 수 있습니다.

이제 Formidable Forms를 사용하여 WordPress에서 사용자 정의 검색 양식을 만들 준비가 되었습니다.

2단계: 검색 양식에 데이터 추가

검색 양식을 작성하기 전에 검색 결과에 대한 데이터를 수집해야 합니다.

새 양식을 만들려면 Formidable » Forms 로 이동하여 + 새로 추가 버튼을 클릭하십시오.

양식에 대한 템플릿을 선택할 수 있는 팝업이 표시됩니다. 이 자습서에서는 빈 양식 템플릿을 사용합니다.

그런 다음 양식의 이름과 설명을 추가해야 합니다.

양식 이름 지정을 완료했으면 거기에 있는 만들기 버튼을 클릭하여 끌어서 놓기 양식 빌더를 시작하십시오.

양식 작성기의 왼쪽에는 양식 필드가 표시되고 페이지 오른쪽에는 양식 미리보기가 표시됩니다.

양식 필드를 삽입하려면 필드 메뉴에서 양식 미리보기로 끌어다 놓기만 하면 됩니다.

여기에 이름, 성, 이메일 및 국가 필드가 추가됩니다. 요구 사항에 따라 필드를 추가할 수 있습니다.

필드를 사용자 정의하려면 해당 필드를 클릭하기만 하면 양식 설정을 볼 수 있습니다. 레이블, 필수 옵션, 사용자 정의 CSS 등과 같은 많은 옵션이 있습니다.

조건부 논리 옵션을 사용하여 사용자 입력에 따라 양식 필드를 표시하거나 숨길 수도 있습니다.

필드 추가가 완료되면 양식 작성기의 오른쪽 상단 모서리에 있는 업데이트 버튼을 클릭합니다.

이제 이 양식을 사이트에 게시하여 사용자 또는 웹사이트 회원으로부터 데이터를 수집하기만 하면 됩니다.

또는 컴퓨터에서 데이터 파일을 가져올 수도 있습니다. 이를 위해 빌더 상단의 항목 탭을 열고 가져오기 버튼을 클릭합니다.

그러면 CSV 또는 XML 파일을 업로드하여 양식으로 데이터를 가져올 수 있는 창이 표시됩니다. 필드를 파일의 데이터에 매핑하여 레코드를 가져올 수 있습니다.

데이터를 수집한 후 사용자가 사이트에서 검색할 수 있도록 WordPress에서 사용자 지정 검색 양식을 만들어야 합니다.

3단계: 맞춤 검색 양식 작성

검색 양식을 만들려면 2단계와 동일한 지침을 따라야 합니다.

Formidable » Forms » Add New 로 이동하여 빈 템플릿을 선택합니다. 그런 다음 사용자 지정 검색 양식에 이름과 설명을 지정합니다.

이 양식에서는 사용자가 사이트에서 데이터를 검색할 수 있도록 3개의 양식 필드를 추가합니다. 필드는 이름, 성 및 국가입니다.

이름에는 텍스트 양식 필드를 사용하고 국가 검색에는 검색 드롭다운 필드를 사용할 수 있습니다.

이름 필드 설정에서 나중에 검색 양식을 결과 보기와 연결하려면 기본값을 추가해야 합니다.

이를 위해 필드 설정의 기본값 옵션에 다음 단축 코드를 추가합니다.

[매개변수=fname 가져오기]

여기서 "fname"은 뷰와 연결하기 위해 이름 필드에 사용하는 텍스트입니다.

성 필드 설정에서 동일한 단축 코드를 추가할 것입니다.

[매개변수 가져오기=이름]

여기서 "lname"은 보기와 연결하기 위해 성 필드에 사용하는 텍스트입니다.

국가 필드 설정에서 드롭다운 옵션에 국가 이름을 추가해야 합니다. 첫 번째 옵션을 비워 두십시오.

아래로 스크롤하면 자리 표시자 텍스트를 추가하는 옵션을 볼 수 있습니다. 그리고 다른 두 양식 필드와 마찬가지로 여기에 기본값을 추가해야 합니다. 단축 코드 삽입:

[인수 매개변수=국가 가져오기]

여기서 "country"는 뷰와 연결하기 위해 country 필드에 사용하는 텍스트입니다.

입력 유형 추가가 완료되면 양식 필드의 레이아웃을 변경할 수 있습니다.

단일 수평선에 표시하려면 각 필드의 CSS 레이아웃 클래스 옵션으로 이동하여 1/4 옵션을 선택합니다.

버튼을 사용자 지정하려면 설정 » 스타일 및 버튼 탭으로 이동하여 버튼 설정으로 이동합니다.

여기에서 제출 버튼 텍스트를 검색 으로 변경하고 버튼 정렬을 인라인 으로 선택할 수 있습니다. 그러면 검색 버튼이 양식 필드와 같은 행에 나타납니다.

WordPress에서 사용자 지정 검색 양식을 만드는 방법을 배웠으므로 이제 이 양식과 결과를 웹 페이지에 삽입해 보겠습니다.

4단계: 검색 결과 보기 만들기

검색 결과와 검색 양식을 같은 페이지에 표시하려면 보기를 만들어야 합니다.

새로운 보기를 생성하려면 강력한 » 보기 페이지를 열고 + 새로 추가 버튼을 클릭하십시오.

그런 다음 그리드, 테이블, 달력 및 기본 보기 유형 중에서 선택할 수 있는 팝업을 볼 수 있습니다.

이 자습서에서는 검색 양식 결과에 대한 그리드 보기를 선택합니다.

그런 다음 항목 양식을 선택하고 결과 보기의 이름을 추가하는 옵션을 볼 수 있습니다. 2단계에서 만든 데이터 수집 양식을 선택했는지 확인합니다.

완료되면 보기 만들기 버튼을 클릭합니다.

보기 빌더에서 왼쪽에는 스타일 지정 옵션이 표시되고 오른쪽에는 보기 레이아웃 빌더가 표시됩니다. 콘텐츠 추가 시작 링크를 클릭하여 항목을 추가합니다.

보기에 목록을 추가하려면 " + " 아이콘을 클릭하십시오. 그러면 목록 콘텐츠 편집기가 열립니다.

목록 페이지 콘텐츠 편집기에서 페이지 오른쪽의 사용자 지정 옵션에서 양식 필드를 추가할 수 있습니다. 결과 보기에 삽입하려면 양식 필드를 클릭하기만 하면 됩니다.

그런 다음 필드 키의 스타일을 지정하여 원하는 레이아웃으로 양식 필드를 표시할 수 있습니다.

완료되면 보기 업데이트 버튼을 클릭합니다. 이제 보기 페이지에서 모든 항목을 볼 수 있습니다.

이 페이지에 검색 양식을 추가해야 합니다. 이를 위해 콘텐츠 앞에 추가 옵션을 클릭하십시오.

그러면 3단계에서 만든 사용자 지정 검색 양식을 삽입할 수 있는 콘텐츠 편집기가 열립니다.

Formidable 버튼을 클릭하고 검색 양식을 선택하여 양식 단축 코드를 삽입하기만 하면 됩니다.

보기에 대한 사용자 정의 검색 양식으로 보기 업데이트 버튼을 클릭합니다.

다음 단계에서는 WordPress 사이트에 결과 보기를 게시하는 방법을 보여줍니다.

5단계: 검색 결과 보기 게시

사이트에 검색 결과 보기를 추가하려면 새 페이지를 만들고 강력한 보기 블록을 검색해야 합니다.

보기를 추가한 후 사이트에 페이지를 게시할 수 있습니다. 귀하의 페이지는 다음과 같이 보일 것입니다.

기다리다! 아직 끝나지 않았습니다. 사용자가 사이트에서 콘텐츠를 검색할 수 있도록 사용자 정의 검색 양식과 결과 보기를 연결해야 합니다.

6단계: 사용자 지정 검색 양식을 보기에 연결

검색 양식을 연결하려면 강력한 » 양식 으로 이동하여 검색 양식의 설정 옵션을 엽니다.

여기에서 제출 시 옵션으로 이동하여 URL로 리디렉션 옵션을 선택할 수 있습니다. 그런 다음 5단계에서 만든 보기 페이지에 대한 링크를 추가해야 합니다.

이를 위해 페이지 URL을 복사하고 "?fname[21]&lname=[19]&country=[22]" 부분을 추가합니다.

리디렉션 URL이 다음과 같이 보이도록 필드 텍스트와 키를 삽입할 수 있습니다.

http://yoursitename/user-directory/?fname[21]&lname=[19]&country=[22]

이 양식에 대해 이 양식 에서 제출된 항목을 저장하지 않음 옵션을 활성화해야 합니다.

이제 사용자가 추가한 양식 필드로 목록을 검색할 수 있도록 결과 보기에 필터를 추가해야 합니다.

이를 위해 이전에 생성한 보기를 열고 페이지 상단의 필터 옵션을 클릭합니다.

그런 다음 이름, 성 및 국가에 대한 필터를 추가하고 각 필드의 기본값으로 단축 코드를 입력해야 합니다.

마지막으로 해야 할 일은 왼쪽 메뉴의 항목 없음 메시지 옵션에 검색 양식의 단축 코드를 삽입하는 것입니다. 이렇게 하면 사용자가 검색할 때마다 더 많은 콘텐츠를 검색할 수 있습니다.

설정을 마친 후에는 보기를 업데이트하는 것을 잊지 마십시오.

사용자 정의 검색 양식 테스트

검색 양식이 제대로 작동하는지 확인하려면 검색 페이지를 새로고침하고 필터를 사용하여 목록을 검색하십시오.

이를 통해 사이트에 검색 양식을 추가하는 3가지 방법을 알 수 있습니다. 기본 WordPress 검색 옵션은 무료이지만 코드로 무엇을 하는지 모르는 경우 권장하지 않습니다. SearchWP 플러그인은 지금까지 우리가 가장 좋아하는 방법입니다. 사용하기 쉽고 사이트에 고급 검색 기능을 추가합니다.

이 기사가 Formidable Forms 플러그인을 사용하여 WordPress에서 사용자 정의 검색 양식을 쉽게 만드는 데 도움이 되었기를 바랍니다.

다음 단계를 위해 다음 리소스를 확인할 수 있습니다.

• WordPress 사이트에 맞춤 예약 양식을 추가하는 방법
• 최고의 양식 빌더 비교(무료 및 유료)
• WordPress에서 PayPal 결제로 등록 양식을 만드는 방법

이 게시물은 최고의 WordPress 양식 빌더의 도움으로 WordPress 사이트에 더 많은 기능을 추가하는 데 도움이 됩니다.