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

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

パンくずリストの表示

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

CODE

//検索結果か調べる
if(is_search()){
	echo '<ul class="breadcrumb">';
	echo '<li><a href="'.home_url().'">HOME</a></li>';
	//２ページ目以降
	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>';
	//１ページ目
	}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; }

使用した関数

コメント（0件）

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

【ソーシャルボタン】

• 
• Tweet