• このエントリーをはてなブックマークに追加

2014年07月06日(Sun)

パンくずリストをプラグインを使わずに作る:検索結果編

パンくずリストをプラグインを使わずに作る:検索結果編

テストとして検索結果用のパンくずリストを作ってみました。
2ページ目以降は、ページ数も表示される仕様です。

パンくずリストの表示

コードとCSSは以下の通りです。

CODE

//検索結果か調べる
if(is_search()){
	echo '<ul class="breadcrumb">';
	echo '<li><a href="'.home_url().'">HOME</a></li>';
	//2ページ目以降
	if($paged = get_query_var('paged')){
		echo '<li class="list"><a href="'.get_search_link(get_search_query()).'">「'.get_search_query().'」で検索した結果</a></li>';
		echo '<li class="list"><strong>'.$paged.'ページ目</strong></li>';
	//1ページ目
	}else{
		echo '<li class="list"><strong>「'.get_search_query().'」で検索した結果</strong></li>';
	}
	echo '</ul>';
}

CSS

.breadcrumb{ list-style-type:none; overflow:hidden; }
.breadcrumb li{ float:left; }
.breadcrumb .list:before{ content:">"; margin:0 5px; }

使用した関数

get_query_var(“paged”) ページ送り番号を取得
get_search_link() 検索のためのパーマリンクを取得
get_search_query() ユーザによって検索フォームで入力された検索キーフレーズを取得

コメント(0件)

パンくずリストをプラグインを使わずに作る:検索結果編に対するご意見、ご感想、情報提供など皆様からのコメントをお待ちしております。 お気軽にコメントしてください。

コメントフォーム

【ソーシャルボタン】


TOP