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

スポンサードリンク

投稿日：2011年10月16日

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

パンくずリスト（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> >
<?php $cat = get_the_category(); echo get_category_parents($cat[0], true, ' > '); ?>
</div>
[/php]

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

[php]
<div class="breadcrumbs">
<a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a> >
<?php $cat = get_the_category(); echo get_category_parents($cat[0], true, ' > '); ?>
<?php the_title(); ?>
</div>
[/php]
[3]せっかくなのでMicrodataを取り入れてパンくずリストを表示
Microdataはブラウザ上には表示影響がありませんので[2]と変わりません。

[php]
<div class="breadcrumbs" itemscope itemtype="<?php the_permalink() ?>" >
<a href="<?php bloginfo('url'); ?>"><span itemprop="breadcrumbs"><?php bloginfo('name'); ?></span></a> >
<?php $cat = get_the_category(); echo get_category_parents($cat[0], true, ' > '); ?>
<span itemprop="articletitle"><?php the_title(); ?></span>
</div>
[/php]
やっぱりプラグインを使用したい場合は
Breadcrumb Navigation XTが人気なようです。

WordPress運営が楽になるおすすめのサーバーとテーマをご紹介

WordPressおすすめのサーバー・テーマ

WordPressをゼロから勉強するならオンラインで完結するプログラミングスクールがおすすめ

ネットで調べてWordPressを勉強するのも良いのですが、最近のGoogleは調べたい結果が出てこないことが少なくありません
またようやくたどりついたとしても記載されている内容が古く、WordPressバージョンについていけず内容を適応したらエラーが出てしまってどん詰まりになってしまう…なんてことが起こります。

・WordPressの勉強に挫折してしまった・・
・WordPressやWebデザインを習得して、フリーランスとして働きたい
・自分のWordPressブログやサイトをもっとカスタマイズしてステップアップしたい

なんて思いがあるのであれば、最短4週間で未経験からプロを育てるオンライン完結のプログラミングスクール「テックアカデミー」を利用してはいかがでしょうか？

「テックアカデミー」のWordPressコースについて

テックアカデミーの良いところは専門の「 WordPressコース」が用意されている点です。

WordPressをカスタマイズしてオリジナルサイトを構築するという内容で、

・週2回のマンツーマンメンタリング・毎日15時〜23時のチャットサポート・回数無制限の課題レビュー

が付きます。

この「いつでもWordPressのプロに聞ける」というのが良くて、自分でググるって答えにたどり着けなくてもWordPressのプロに聞くことで、すんなり解決し時間の無駄を止められます。解決策を探していて見つからないときほどモチベーションが下がるときはありません。

またWordPressをマスターして使えるようになると「副業」をする面でもメリットがあります。
クラウドワークスなどのネットで受注できる仕事にはWordPressをつかった案件が多数あります。
簡単なものですと記事制作からWordPress自体のカスタマイズまで様々。

いまの収入以外に副業として収入源が欲しい！！なんて場合にもWordPressの需要はまだまだ引っ張りだこです。

テックアカデミーではこのWordPressコースを受ける前に「無料の説明会動画視聴」「無料キャリアカウンセリング」があります。

いまいち,どんな講座なのかイメージできない場合には、すぐに講座申し込みをせず一呼吸おいて
必ずこの説明会動画を見て、無料カウンセリングを受けてください。
説明会動画を見て無料カウンセリングを受けてやっぱりオンラインレッスンをやめるというのも全然有りな選択ですから。

勉強したくなったときすぐに行動しないと、技術は身につきません。明日やろうと時間を置くと気がつけば一週間たってしまい忘れてしまいますから。

WordPressコース講座の無料説明会動画はこちらから >>」