에서 검색 페이지를 만드는 방법을 살펴보겠습니다 워드프레스. 검색 페이지는 방문자가 웹사이트에서 특정 콘텐츠를 검색할 수 있도록 해줍니다. 검색 페이지 템플릿 제작, 검색 페이지 링크 연결, 검색 페이지 사용자 정의, 검색 결과 저장, 총 검색 결과 표시 등 중요한 측면들을 다룰 것입니다.
알아두어야 할 사항
검색 페이지를 만들기 전에 알아야 할 몇 가지 사항이 있습니다
- 기반으로 콘텐츠를 검색할 수 있는 내장 검색 기능이 있습니다 키워드를.
- WordPress에는 기본적으로 웹사이트의 사이드바, 헤더 또는 푸터에 추가할 수 있는 검색 양식이 포함되어 있습니다.
- 전용 검색 페이지를 만들려면 사용자 지정 검색 페이지 템플릿을 만들거나 검색 요소를 제공하는 페이지 빌더 플러그인을 사용해야 합니다.
검색 페이지 템플릿 만들기
검색 페이지 템플릿을 만들려면 다음 단계를 따르세요
- 워드프레스 테마 파일은 파일 관리자 또는 FTP 클라이언트를 통해 접근할 수 있습니다.
- 테마 폴더에서 page.php 파일을 찾아 복사본을 만드세요.
- 동일한 파일의 이름을 search.php로 변경하세요.
- search.php 파일을 텍스트 편집기로 엽니다.
- WordPress 루프와 적절한 HTML 마크업을 사용하여 검색 결과를 표시하도록 템플릿을 사용자 지정하세요. 검색 템플릿 사용자 지정에 대한 자세한 내용은 WordPress 코덱 또는 테마 개발자 문서를 참조하십시오.
- 변경 사항을 저장하고 search.php 파일을 테마 폴더에 다시 업로드하세요.
검색 페이지 만들기
워드프레스에서 검색 페이지를 만들려면 다음 단계를 따르세요
- 워드프레스 관리자 대시보드에 로그인하세요.
- "페이지"로 이동하여 "새로 추가"를 클릭하여 새 페이지를 만드세요.
- 검색 페이지에 표시할 제목을 입력하세요. 예를 들어 "검색" 또는 "콘텐츠 찾기"와 같이 입력할 수 있습니다
- 페이지 편집기에서 WordPress에 내장된 검색 위젯이나 페이지 빌더 플러그인이.
- 페이지를 저장하세요.
검색 페이지로 연결하기
검색 페이지로 연결하는 방법은 여러 가지가 있습니다
페이지 ID를 사용하여
- 워드프레스 관리자 대시보드에서 "페이지" 화면으로 이동하세요.
- 검색 페이지를 찾아서 페이지 ID를 기록해 두세요.
- 검색 페이지로 연결하려면 다음 URL 구조를 사용하세요. https://yourdomain.com/?page_id=PAGE_ID (여기서 PAGE_ID는 검색 페이지의 실제 페이지 ID로 바꿔야 합니다.).
페이지 슬러그 사용하기
- 워드프레스 관리자 대시보드에서 "페이지" 화면으로 이동하세요.
- 검색 페이지를 찾아서 페이지 슬러그를 기록해 두세요.
- 검색 페이지로 연결하려면 다음 URL 구조를 사용하세요. https://yourdomain.com/page-slug (여기서 page-slug는 검색 페이지의 실제 슬러그로 대체해야 합니다.).
wp_list_pages() 사용
웹사이트에 탐색 메뉴가 있는 경우 wp_list_pages() 함수를 사용하여 검색 페이지 링크를 생성할 수 있습니다. 다음 코드를 테마 템플릿 파일 또는 탐색 메뉴에 추가하세요
wp_list_pages('title_li=&include=PAGE_ID');
PAGE_ID를 검색 페이지의 실제 페이지 ID로 바꾸세요.
검색 페이지 맞춤 설정하기
검색 페이지 템플릿(search.php)을 수정하여 검색 결과 레이아웃, 스타일 및 표시 방식을 사용자 지정할 수 있습니다. 테마 디자인 및 요구 사항에 맞게 템플릿을 사용자 지정하세요.
검색 결과 페이지 및 페이지네이션 유지
WordPress는 검색 결과 페이지와 페이지네이션을 자동으로 저장합니다. 사용자가 검색을 수행하고 검색 결과를 클릭하면 해당 게시물 또는 페이지로 이동합니다. 검색어는 그대로 저장되므로 필요한 경우 검색 결과 페이지로 돌아갈 수 있습니다.
전체 결과 표시
검색 페이지에 전체 검색 결과 수를 표시하려면 검색 페이지 템플릿(search.php) 내에 다음 코드를 사용하면 됩니다
<?php
전역 $wp_query;
$total_results = $wp_query->found_posts;
에코 '<p> 총 결과: '$total_results'</p> ';
?>
이 코드는 전역 변수 $wp_query 객체에서 전체 검색 결과를 가져와 검색 페이지에 출력합니다.
다음 단계를 따르면 WordPress에서 검색 페이지를 만들고 웹사이트 디자인 및 기능에 맞게 맞춤 설정할 수 있습니다. 전용 검색 페이지는 웹사이트 콘텐츠를 검색하는 데 집중적이고 효율적인 방법을 제공하여 사용자 경험을 향상시킵니다.