パンくずリストとは表示している投稿記事に、記事に付けられているカテゴリを表示するものである。このカテゴリを表示することで記事の分類体系が視覚的に分かる。 パンくずリストは次のように当該記事のカテゴリから遡って親カテゴリを含めた階層的カテゴリを表示する。
親カテゴリ→当該記事のカテゴリ
実施手順
(1)single.phpに次の赤色のコードを追加する。
<?php get_header(); ?>
<div id=”container”>
<div id=”content” role=”main”> <!– パンくずリスト –> <div id=”breadcrumb”>
<?php $postcat = get_the_category(); ?>
<?php $catid = $postcat[0]->cat_ID; ?>
<?php $allcats = array($catid); ?>
<?php
while(!$catid==0) {
$mycat = get_category($catid);
$catid = $mycat->parent;
array_push($allcats,$catid);
}
array_pop($allcats);
$allcats = array_reverse($allcats);
?>
<?php foreach($allcats as $catid): ?>
<div itemscope itemtype=”http://data-vocabulary.org/Breadcrumb“>
<a href =”<?php echo get_category_link($catid); ?> itemprop=”url”>
<span itemprop=”title”><?php echo get_cat_name($catid); ?></span>
</a> ›
</div>
<?php endforeach; ?>
</div>
(2)style.cssに次のコードを追加して、一行で表示するようにする。
/* パンくずリスト ------------------------------------------- */ div#breadcrumb { margin-bottom: 5px; clear:left; } div#breadcrumb div {display: inline; font-size: 0.75em; }