Unityアセットストアセール中!

パンくずリストを作成をプラグインなしで組み込む方法

<景品表示法に基づく表記 > 本サイトのコンテンツには、商品プロモーションが含まれている場合があります。
スポンサードリンク

ウェブルさんの
ソースコードを利用してパンくずリストを作成します。

目次

パンくずリスト(breadcrumb list)とは??

パンくずリスト(breadcrumb list)は、ウェブサイト内におけるウェブページの位置をツリー構造を持ったハイパーリンクの一覧として示すもの。パンくずナビ、トピックパス、フットパスとも言う。
日本語では「パンくずリスト(breadcrumb list)」だが、英語では単に“breadcrumbs”または“breadcrumb navigation”というのが一般的。「パンくずリスト」という名前は、童話『ヘンゼルとグレーテル』で、主人公が森で迷子にならないように通り道にパンくずを置いていった、というエピソードに由来する。
ウェブディレクトリのような大規模なウェブサイト内において、利用者がサイト内での現在位置を見失わないようにし、ナビゲーションを助けるために使われる。
パンくずリスト – Wikipedia

パンくずリストを貼り付ける場所は single.php です

[1]記事の一つ上の階層までパンくずリストで表示


[php]
<div class="breadcrumbs">
<a href="<?php bloginfo(‘url’); ?>"><?php bloginfo(‘name’); ?></a> &gt;
<?php $cat = get_the_category(); echo get_category_parents($cat[0], true, ‘ &gt; ‘); ?>
</div>
[/php]

[2]記事タイトルを含めて表示

パンくずリスト2
[php]
<div class="breadcrumbs">
<a href="<?php bloginfo(‘url’); ?>"><?php bloginfo(‘name’); ?></a> &gt;
<?php $cat = get_the_category(); echo get_category_parents($cat[0], true, ‘ &gt; ‘); ?>
<?php the_title(); ?>
</div>
[/php]
[3]せっかくなのでMicrodataを取り入れてパンくずリストを表示
Microdataはブラウザ上には表示影響がありませんので[2]と変わりません。
パンくずリスト3
[php]
<div class="breadcrumbs" itemscope itemtype="<?php the_permalink() ?>" >
<a href="<?php bloginfo(‘url’); ?>"><span itemprop="breadcrumbs"><?php bloginfo(‘name’); ?></span></a> &gt;
<?php $cat = get_the_category(); echo get_category_parents($cat[0], true, ‘ &gt; ‘); ?>
<span itemprop="articletitle"><?php the_title(); ?></span>
</div>
[/php]
やっぱりプラグインを使用したい場合は
Breadcrumb Navigation XTが人気なようです。

スポンサードリンク
[WordPressのライティング向けプラグイン]
ワードプレスオリジナルプラグイン >>

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

スポンサーリンク

コメント

コメントする

目次
閉じる