12월 5, 2021

사용자 정의 워드 프레스 검색 양식을 만드는 방법(에 3 간단한 단계)

검색은 온라인 경험의 핵심 부분이며 대부분의 사용자가 웹에서 정보를 찾는 방법입니다. 이와 같이,방문자가 귀하의 사이트에 도착 하 고 그들이 찾고 있는 무슨을 즉시 찾을 수 없습니다,그들은 더 파고 없이 떠날 수 있습니다 좋은 기회가 있다. 워드 프레스 검색 폼이 발생하지 않도록 할 수 있습니다.

사이트에 더 나은 검색 기능을 구현하면 사용자가 필요한 것을 더 빨리 찾고 동시에 이탈률을 줄일 수 있습니다. 그것은 관련된 모든 사람들을위한 윈-윈 상황입니다.

이 문서에서는 사이트의 내부 검색의 중요성에 대해 설명하고 웹 사이트에 검색 양식을 추가하는 방법을 보여줍니다. 그런 다음 우리는 세 단계로 사용자 정의 워드 프레스 검색 양식을 만드는 방법을 안내합니다. 시작하자!

워드 프레스 검색 폼이 중요한 이유

검색은 웹에서 지배적 인 힘입니다. 그것은 사용자의 대다수가 방문하는 새로운 콘텐츠와 사이트를 찾는 방법-그리고 우리는 검색 엔진 최적화의 중요성에 대해 잘 알고(검색 엔진 최적화)이 온라인으로 발견되고에 관해서.

그러나 많은 웹 사이트 소유자가 자신의 사이트에서 검색의 중요성을 고려하지 않습니다. 결국,메인 메뉴는 모든 탐색 방문자가 필요할 수있는 것처럼 보일 수 있습니다.

그러나 사용자가 사이트에 착륙하여 찾고 있는 내용을 빠르게 찾을 수 없는 경우 사용자가 계속 머물러 있지 않을 수 있습니다. 그들은 구글 검색에서 온 경우 가능성이 경쟁 업체의 전체 목록이 그냥 뒤로 클릭 떨어져 있기 때문에 이것은 특히 중요합니다.

유용하고 접근 가능한 내부 검색 양식을 사용하면 사용자가 사이트를 조기에 떠나는 것을 방지 할 수 있습니다. 이는 경쟁에 대한 손실이 적고 방문자를 가입자,고객 또는 팬으로 전환 할 수있는 기회가 더 많다는 것을 의미합니다.

마찬가지로 수백 또는 수천 개의 블로그 게시물이 게시 된 경우 사용자가 특정 주제에 대한 기사를 선별하고 찾기가 어려울 수 있습니다. 검색 기능은 사이트의 사용자 경험을 향상시키고 방문자를 더 만족스럽게 만들 수 있으며 이는 궁극적으로 비즈니스에 좋습니다.

사이트에 검색 창을 추가하는 방법(두 가지 방법)

기본 워드프레스 설치에는 머리글,바닥글 또는 사이드바와 같이 사이트의 위젯 가능 영역에 추가할 수 있는 검색 창 위젯이 포함되어 있습니다. 이 위젯을 추가하는 방법에는 두 가지가 있습니다:

  1. 워드 프레스 사용자 정의 프로그램을 통해.
  2. 대시 보드에서 직접.

워드 프레스 사용자 정의를 사용하여 검색 양식을 추가

워드 프레스 대시 보드에 사용자 정의,머리를 사용하여 검색 양식을 추가하고 모양으로 이동하려면 사용자 정의. 사용자 정의 사이드 바에서 위젯을 클릭합니다.

이렇게 하면 사이트의 위젯 영역 목록과 현재 각각 포함된 요소가 포함된 새 메뉴가 열립니다:

위젯 영역에 검색 창을 추가하려면,당신이 그것을 배치 할 영역에서 위젯 추가 버튼을 클릭합니다. 슬라이드하는 새로 만들기 메뉴에서 아래로 스크롤하여 검색 위젯을 선택합니다:

워드 프레스 사용자 정의 프로그램에서 검색 위젯을 추가.

이 목록의 끝에 위젯을 추가합니다:

바닥 글 섹션의 끝에 배치 검색 위젯.

그런 다음 다른 위치로 드래그하여 위치를 변경할 수 있습니다. 예를 들어 목록의 시작 부분에 놓으면 위젯 영역의 맨 왼쪽으로 이동합니다.

제목 필드를 채워 검색 양식에 제목을 추가할 수도 있습니다. 여기에는 검색 상자 위의 작은 헤더가 포함됩니다:

사용자 정의 제목 워드 프레스 검색 양식.

작업을 마치면 변경 내용을 저장해야 합니다. 당신은 사용자 정의 메뉴의 상단에있는 파란색 게시 버튼을 클릭하여이 작업을 수행 할 수 있습니다.

워드 프레스 대시 보드에서 검색 양식을 추가

원하는 경우,당신은 또한 워드 프레스 대시 보드에서 직접 검색 양식을 추가 할 수 있습니다. 시작하려면,위젯 편집기 화면을 열려면 모양 다른 위젯으로 이동합니다:

워드 프레스 대시 보드의 위젯 영역.

목록에서 검색 위젯을 찾아 표시하려는 영역으로 드래그하면 됩니다:

워드 프레스 검색 양식은 사이트의 바닥 글에 추가.

여기에서 사용자 정의 프로그램과 동일한 옵션에 액세스 할 수 있습니다. 당신은 그것의 위치를 변경하거나 원하는 경우 제목을 추가 할 위젯을 재정렬 할 수 있습니다.

유일한 차이점은 사용자 지정 프로그램에서 변경 내용을 시각적으로 미리 볼 수 있다는 것입니다. 당신은 당신이 오히려 사용자 정의 프로그램을 사용하려는 언제든지 결정하는 경우,그냥 열어 화면 상단에있는 실시간 미리보기로 관리 버튼을 클릭합니다.

사이트에서 사용할 수 있는 특정 위젯 영역은 테마에 의해 제어되며 모든 테마가 동일한 옵션을 포함하는 것은 아닙니다. 예를 들어,기본 워드 프레스 스물 스물 한 테마는 위젯 영역으로 바닥 글을 제공합니다.

수동으로 기본 워드 프레스 검색 양식을 사용자 정의하는 방법

불행하게도,기본 워드 프레스 검색 양식은 많은 사용자 정의 옵션이 제공되지 않습니다. 위 섹션에 설명 된대로 위치를 변경하고 제목을 추가 할 수 있지만 인터페이스를 사용하여 사용할 수있는 모든 것입니다.

그러나 워드프레스에 대해 이야기하고 있기 때문에 코드를 직접 편집하는 방법이 있습니다. 워드 프레스 템플릿 파일을 사용하여,당신은 당신의 사이트에 대한 사용자 정의 검색 페이지를 만들 수 있습니다. 당신이 이것을 하고 싶다면,WordPress.org 환상적인 연습이 있습니다.

그러나 이 방법으로도 기본 워드프레스 검색 기능은 여전히 제한적입니다. 당신은 위젯 영역에 양식을 배치 할 수 있으며,모양은 사용자 정의 옵션의 방법으로 많이 제공하지 않을 수 있습니다 테마를 기반으로합니다. 즉,워드 프레스 플러그인을 사용하여–다행히,검색 양식을 사용자 정의 할 수있는 쉬운 방법이 있습니다.

사용자 정의 워드 프레스 검색 양식을 만드는 방법 무료 플러그인

사용자 정의 워드 프레스 검색 양식을 만들려는 코드에 익숙하지 않은 경우(또는 단지 그것을위한 시간이 없어),대신 무료 플러그인을 사용할 수 있습니다. 이 섹션에서는,우리는 아이보리 검색 플러그인을 사용하여 사용자 정의 검색 창을 만드는 방법을 안내합니다.

설치 및 아이보리 검색 플러그인을 활성화

첫 번째 단계는 워드 프레스 대시 보드에 머리와 아이보리 검색을 설치하는 것입니다:

아이보리 검색-워드 프레스 검색 플러그인아이보리 검색-워드 프레스 검색 플러그인

저자(들):아이보리 검색

현재 버전:5.3

마지막 업데이트:2021 년 12 월 29 일

추가 검색-투-메뉴.5.3.우편 번호

이것은 당신이 당신의 워드 프레스 사이트에 대한 사용자 정의 검색 양식을 작성하는 데 도움이 무료 플러그인입니다. 검색 창의 모양을 조정하고,사이트 메뉴에 양식을 배치하고,결과에 표시되는 콘텐츠를 미세 조정할 수 있습니다.

가서 워드 프레스 대시 보드에서 플러그인을 설치합니다. 당신이 그것을 활성화 한 후에는 다음 단계로 진행할 수 있습니다.

새 검색 양식 만들기

플러그인을 활성화 한 후 첫 번째 검색 양식을 만들 수 있습니다. 워드프레스 대시보드에서 아이보리 검색으로 이동합니다.:

아이보리 검색에 새로운 검색 양식을 추가.

플러그인은 자동으로 기본 설정으로 양식을 채 웁니다,그래서 당신이 좋아하는 경우에 당신은 신속하게 시작할 수 있습니다. 그러나,당신은 또한 철저하게 설정을 사용자 정의 할 수 있습니다.

검색 탭에서 검색에 포함할 사이트의 콘텐츠를 지정할 수 있습니다. 각 섹션을 클릭하여 다양한 게시물 및 페이지 유형을 확인하고 선택 취소하십시오:

사용자 정의 워드 프레스 검색 양식에 포함 할 콘텐츠의 유형을 선택.

제외 탭을 사용하면 검색 결과에 포함하지 않으려는 특정 게시물 및 페이지를 선택할 수 있습니다. 예를 들어 특정 인덱스 페이지를 제외 할 때 편리합니다.

디자인 탭에서는 검색 폼의 모양을 사용자 지정할 수 있습니다:

아이보리 검색 설정의 디자인 섹션.

사용자 지정 프로그램을 활성화하려면 검색 양식 사용자 지정 사용 확인란을 클릭해야 할 수 있습니다(기본적으로 꺼져 있음). 당신이 그 일을 한 후에는 워드 프레스 사용자 정의를 열 수있는 검색 폼 사용자 정의 링크를 클릭 할 수 있습니다:

사용자 정의에서 워드 프레스 검색 양식을 사용자 정의.

여기에서 검색 상자 자체의 스타일과 상자 안에 포함된 자리 표시자 텍스트와 같은 다양한 요소에 사용되는 색상 및 텍스트를 선택할 수 있습니다. 작업이 완료되면 페이지 상단의 게시 버튼을 클릭해야합니다.

마지막으로 옵션 탭에서 검색 결과 페이지를 구성할 수 있습니다:

아이보리 검색 설정에서 워드 프레스 검색 양식을 사용자 정의.

페이지 당 결과 수,검색어를 강조 표시할지 여부 및 기타 여러 고급 옵션에 대한 옵션이 있습니다. 양식 구성을 마치면 파란색 양식 저장 버튼을 클릭하여 변경 사항을 완료합니다.

검색 양식을 사이트에 추가

양식을 구성하면 이제 웹 사이트에 추가할 수 있습니다. 당신은 당신의 머리글,바닥 글,또는 워드 프레스 메뉴에서 양식을 배치 할 수 있습니다.

사이트의 머리글 또는 바닥글에 아이보리 검색 양식을 추가하려면 아이보리 검색으로 이동합니다.:

아이보리 검색 설정 화면.

그런 다음 목록에서 머리글 검색 또는 바닥글 검색을 선택한 다음 드롭다운 메뉴에서 방금 만든 양식을 클릭합니다:

워드 프레스 헤더에 사용자 정의 검색 양식을 추가.

완료되면 저장을 클릭하여 사이트를 업데이트합니다. 이 경우,우리는 우리의 헤더에 막대를 추가했습니다:

워드 프레스 헤더에 표시되는 사용자 정의 검색 양식.

당신은 당신의 사이트 메뉴에 검색 양식을 추가 할 경우,아이보리 검색으로 이동 다른 메뉴 검색:

워드 프레스 메뉴에 사용자 정의 검색 양식을 추가.

이 화면에서 검색 창을 포함할 메뉴를 선택할 수 있습니다. 플러그인은 메뉴에 작은 돋보기를 추가합니다. 돋보기를 클릭하면 용어를 입력 할 수있는 검색 상자가 나타납니다:

워드 프레스 메뉴에 표시에서 사용자 정의 검색.

그게 다야! 이제 자신의 워드 프레스 검색 양식을 사용자 정의했습니다.

결론

귀하의 사이트에 반송 률을 줄이기 위해 노력 하 고 또는 더 나은 사용자 지정 검색 양식 환상적인 솔루션입니다.

워드 프레스는 기본적으로 검색 창을 포함하지만,그것은 배치 할 수있는 위치에 제한하고 맞춤화 할 수있는 방법. 아이보리 검색 등의 플러그인을 사용하면 쉽게 완벽하게 사용자 정의 양식을 작성하고 거의 어디서나 당신은 단지 몇 단계에서 원하는 표시 할 수 있습니다.

다른 아이디어는 귀하의 사이트에 검색을 개선하기 위해,워드 프레스 내부 검색을 개선하기위한 우리의 팁을 확인하십시오.

답글 남기기

이메일 주소는 공개되지 않습니다.