워드프레스 테마 제작 – 12편 - search.php, searchform.php 만들기

워드프레스에 검색창 searchform.php 파일, 검색 결과 페이지 search.php 파일을 만들어보자.

검색창이 없으면 포스트를 찾고 싶을 때 다 뒤져야되서 귀찮다.

searchform.php 파일 만들기

검색창을 만들 때 검색폼을 만들고 검색 결과 화면을 따로 만들어야 다른 페이지에서도 검색폼을 불러오기가 수월하다.

searchform.php 예시

<form method="get" action="<?php echo esc_url(home_url('/')); ?>">
	<input type="text" name="s" placeholder="검색어를 입력해주세요." />
	<input type="submit" value="검색" />
</form>

사용된 코드 설명

esc_url(home_url(‘/’));

url을 확인하고 정리하는 함수.

input type=”text” name=”s” placeholder=”검색어를 입력해주세요.”

text 입력할 수 있는 창에 이름은 반드시 “s”로 설정, placeholder는 text 입력창에 보여줄 문구를 입력한다.

여기에는 header와 sidebar, footer가 들어가면 안된다.
정말 딱 검색창만 들어가게끔 폼을 만들어야한다.

search.php 파일 만들기

search.php 예시

<?php
	get_header();
?>

<h3><?php echo '검색어 : '.get_search_query(); ?></h3>
<?php get_search_form(); ?>

<?php
	if ( have_posts() ) :
		while ( have_posts() ) :
			the_post();

			global $post;
			$category = get_the_category($post->ID);
			echo $category[0]->name;
?>
	<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
<?php
			the_time('Y-m-d');
		endwhile;
	else : 
		echo '검색 결과를 찾을 수 없습니다.';

	endif;
?>
<?php
	global $wp_query;
	$big = 999999999;
	echo paginate_links(
		array(
			'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
			'format' => '?paged=%#%',
			'current' => max( 1, get_query_var('paged') ),
			'total' => $wp_query->max_num_pages,
			'prev_next' => false,
		)
	);
?>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

사용된 코드 설명

get_search_query();

입력한 검색어 불러오는 함수.

get_search_form();

검색폼 불러오는 함수.