검색

검색 템플릿을 사용하면 WordPress 검색 결과 페이지의 레이아웃과 모양을 디자인 할 수 있습니다. 지루한 링크 목록 대신 사용자 정의 레이아웃,필터링 옵션 및 사용자 경험을 향상시키고 사이트 방문자를 더 오래 유지하는 유용한 기능을 사용하여 시각적으로 매력적인 검색 결과를 만들 수 있습니다.

왜 검색 결과를 사용자 정의해야 합니까? #

• 더 나은 UX: 사용자가 원하는 것을 더 빨리 찾을 수 있도록 도와주세요
• 브랜드 일관성: 검색 결과를 사이트의 디자인과 일치시킵니다
• 이탈률 감소: 초기 결과가 완벽하지 않을 때에도 사용자의 참여를 유지하세요
• 수익 창출 기회: 검색 결과에 광고, 주요 콘텐츠 또는 제품을 표시합니다

단계별: 검색 템플릿 만들기 #

1. 새 검색 템플릿 만들기 #

로 탐색합니다 마스터 애드온 → 테마 빌더 → 새 템플릿 추가.

2. 기본 구성 #

• 템플릿 제목: 설명 이름 (예를 들어, “검색 결과 페이지” 또는 “사이트 검색 레이아웃”)
• 템플릿 유형: 선택 검색 드롭다운에서
• 활성화: 로 설정 활동적인 디자인한 후.

클릭 설정 저장 디자인하기 전에.

3. Elementor 로 편집하기 #

클릭 Elementor 로 편집. 검색 결과 페이지를 디자인할 빈 캔버스가 있습니다.

중요 참고 사항: 검색 템플릿은 WordPress 에서 검색 쿼리를 자동으로받습니다. 사용자가 검색 상자에 입력 한 내용에 따라 검색 결과가 표시됩니다.

4. 마스터 애드온 검색 요소 사용하기 #

마스터 애드온은 검색 기능을 위한 특화된 위젯을 제공합니다:

마스터 애드온 검색 위젯: #

• 검색창: 결과 상단에 눈에 띄는 검색 창을 추가합니다
• 실시간 검색: 사용자가 입력할 때 실시간 결과를 활성화합니다
• 검색: 특정 게시물 유형만 검색하는 옵션입니다
• Ajax 로딩: 페이지 새로 고침 없이 결과 로드

마스터 애드온 검색 결과에 대한 게시물 그리드/목록: #

검색 결과를 표시하도록 구성:

• 쿼리 출처: “검색 결과” 로 설정
• 레이아웃 옵션: 격자, 목록 또는 석조
• 결과 개수: 발견된 결과 수를 표시합니다
• 결과 없음 메시지: 아무것도 발견되지 않을 때 사용자 지정 메시지

마스터 애드온 필터 위젯: #

검색 결과를 구체화하기 위해 필터를 추가하세요:

• 카테고리 필터: 카테고리별로 결과를 필터링합니다
• 날짜 필터: 최근 결과만 표시
• 필터 유형: 게시물 유형별 필터링 (게시물, 페이지, 제품)

5. 검색-특정 동적 콘텐츠 #

검색 템플릿에는 고유한 동적 태그가 있습니다:

검색 쿼리 정보: #

• 검색 쿼리: 실제 용어 (들) 사용자가 검색한
• 검색 결과 개수: “'키워드'에 대한 15 개의 결과 표시 중”
• 검색 제안: “그 말은...?” 제안

사용 예:

1. 추가 향하고 위젯 → 삽입 검색 쿼리 동적 태그 → “결과: [검색어]”
2. 추가 텍스트 위젯 → 삽입 검색 결과 개수 동적 태그 → “발견 24 결과”
3. 추가 마스터 애드온 검색창 → 페이지 상단에 표시하도록 설정합니다
4. 추가 루프 그리드 → 쿼리를 “검색 결과” 로 설정합니다

6. 당신의 수색 배치를 디자인하기 #

효과적인 검색 결과 구조:

1. 검색 헤더 섹션: #

• 큰 검색창 (다시 검색하기 쉽게)
• 결과 개수와 함께 검색어를 표시합니다
• 빠른 필터 버튼 (최근, 인기, 모두)

2. 주요 결과 영역: #

• 그리드 또는 결과 목록:
  • 추천 이미지
  • 제목 (연결)
  • 검색어가 강조 표시된 발췌문입니다
  • 게시물 유형/카테고리 배지
  • 게시 날짜

3. 사이드바/보조 콘텐츠: #

• “인기 검색” 목록
• “최근 검색” (로그인한 경우)
• 카테고리 필터 드롭다운
• “필요한 것을 찾을 수 없습니까?” 연락처 프롬프트

4. 결과 없음 섹션: #

• 제안사항이 포함된 친절한 메시지입니다
• 인기 콘텐츠 링크
• 문의 양식 또는 지원 채팅 버튼

5. 페이지 매김: #

• 여러 페이지의 결과에 대한 표준 페이지 매김입니다
• “더 로드” 버튼 옵션

7. 검색 조건 설정 #

디자인한 후, 로 이동 조건 탭. 검색 템플릿에는 특정 조건 옵션이 있습니다:

검색 템플릿 조건:

옵션 A: 모든 검색 결과 #

• 포함하다: Search
• 이는 검색 결과 페이지에 적용됩니다

참고: 다른 템플릿과 달리 검색 조건은 일반적으로 “검색”일 뿐입니다. – 다양한 유형의 검색을 구분하지 않습니다(사용자 정의 코드를 사용할 수는 있지만).

8. 검색 기능 구성 #

검색 위젯 설정: #

• 자리 표시자 텍스트: “무엇을 찾고 계십니까?”
• 검색 버튼 텍스트: “검색” 또는 돋보기 아이콘
• 검색할 게시물 유형: 포함할 콘텐츠 유형을 선택합니다
• 실시간 결과 지연: 실시간 결과를 표시하기 전 밀리초
• 최소 문자: 검색하기 전에 2-3 문자가 필요합니다

결과 그리드 설정: #

• 페이지당 게시물: 페이지 당 10-20 결과
• 발췌 길이: 더 빠른 스캔을 위해 발췌 부분을 단축합니다
• 하이라이트 검색어: 굵은 또는 색상 일치 단어
• 정렬 기준: 관련성, 날짜, 제목(관련성은 검색에 가장 적합합니다)
• 요소 표시/숨기기: 필요에 따라 저자, 날짜, 카테고리

9. 저장 & 시험 #

클릭 설정 저장. 다음 테스트 기준:

1. 검색을 수행합니다 사이트의 검색 창에서
2. 다양한 쿼리를 테스트합니다:
   • 많은 결과를 가진 특정 용어
   • 결과가 거의 없는 일반 용어입니다
   • 결과가 없는 용어입니다
3. 시험 페이지 매김 광범위한 검색어와
4. 모바일 반응성을 테스트합니다
5. 로딩 속도 확인 (검색 페이지는 빨라야 합니다)

일반적인 검색 템플릿 예 #

표준 블로그 검색: #

• 조건: 검색
• 특징: 상단의 큰 검색 창, 이미지, 발췌문, “자세히 읽기” 링크가있는 2 열 그리드, 인기있는 게시물 및 카테고리가있는 사이드 바, 페이지 매김

전자상거래 제품 검색: #

• 조건: 검색
• 특징: 필터 사이드바 (가격, 카테고리, 등급), 이미지 / 가격 / 추가 카트가있는 제품 그리드, 결과가 거의 없을 때 “최고 판매 제품” 관련성 / 가격 / 등급별로 정렬

기술 자료/검색 중심 사이트: #

• 조건: 검색
• 특징: 즉시 결과, 분류된 결과(기사, FAQ, 튜토리얼)로 실시간 검색, “도움이 되었나요?” 피드백 버튼, 결과가 없을 때 눈에 띄게 “지원 연락처”

미니멀리스트 검색: #

• 조건: 검색
• 특징: 깔끔한 레이아웃, 제목과 간단한 발췌문, 이미지 없음, 가독성과 속도에 중점을 둡니다

문제 해결 #

문제: 검색 템플릿이 표시되지 않습니다

• 수정: 조건이 “포함: 검색”으로 설정되어 있는지 확인하세요

문제: 잘못된 내용을 보여주는 검색 결과

• 수정: 게시물 그리드 쿼리 설정 확인 – “최근 게시물”이 아닌 “검색 결과”로 설정

문제: 라이브 검색이 작동하지 않습니다

• 수정: 검색 위젯 설정에서 Ajax가 활성화되어 있는지 확인하세요

문제: 검색 하이라이트가 나타나지 않습니다

• 수정: 게시물 그리드 설정에서 “하이라이트 검색어” 를 활성화합니다

문제: 많은 결과로 너무 느리게 검색

• 수정: 페이지 당 게시물을 줄이고, 이미지를 최적화하며, 더 나은 색인을 위해 검색 플러그인을 고려하십시오

문제: 결과 메시지가 표시되지 않습니다

• 수정: Post Grid 위젯에서 “결과를 찾을 수 없음” 메시지를 구성합니다

프로 팁 #

1. 속도는 매우 중요합니다: 검색 페이지는 빠르게 로드되어야 합니다. 이미지 최적화 및 캐싱 고려
2. 모바일 우선 디자인: 대부분의 검색은 모바일에서 이루어집니다. 검색창을 눈에 띄고 사용하기 쉽게 만드세요
3. 분석: 콘텐츠 및 검색 제안을 개선하기 위해 사람들이 검색하는 내용을 추적합니다
4. 대체 내용: 검색이 아무것도 반환하지 않을 때에도 항상 유용한 콘텐츠를 표시하십시오
5. 접근성: 검색이 키보드 탐색 가능하고 화면 판독기 친화적인지 확인하십시오
6. 테스트 에지 케이스: 특수 문자, 매우 긴 용어, 빈 검색을 검색합니다
7. 일관된 디자인: 검색 페이지 디자인을 사이트의 나머지 부분과 일치시킵니다
8. 오류 메시지: 결과가 0인 경우 친숙하고 유용한 오류 메시지를 작성하세요

성능 고려 사항 #

1. 페이지당 결과 제한: 10-20 이 보통 최적입니다
2. 지연 로드 이미지: 특히 많은 결과를 가진 검색에 중요합니다
3. 캐시 검색 결과: 인기 있는 검색 쿼리를 캐싱하는 것을 고려해 보세요
4. 데이터베이스 최적화: WordPress 데이터베이스가 검색어에 최적화되어 있는지 확인하세요
5. 발췌문 사용: 전체 내용 대신 간략한 발췌 내용을 표시합니다

잘 디자인된 검색 템플릿은 사용자 경험을 실망스러운 것에서 즐거운 것으로 변화시킵니다. Master Addons 를 사용하면 단순히 검색 결과를 스타일링하는 것이 아니라 – 사용자가 필요한 콘텐츠로 안내하고 검색이 실패할 때 대안을 제공하며 사람들이 사이트에 계속 참여할 수 있도록 하는 전체 검색 경험을 만들 수 있습니다.

자주 묻는 질문 #