WordPress（ワードプレス）に「パンくずリスト」を付けてみた #wp

1年以上前の記事です。内容が古い可能性があります。

ここのところ立て続けにWordPress関連の記事が続いていますがご察しの通りWordPress（ワードプレス）のサイトを作っている最中なんですね。
完成したらいずれ、当ブログでも紹介したいと思います。

今回はWordPress（ワードプレス）にパンくずリストを設置する方法です。

基礎からのWordPress (BASIC LESSON For Web Engineers)

posted with ヨメレバ

高橋 のり ソフトバンククリエイティブ 2013-01-29

Amazon

楽天ブックス

7net

honto

ブックオフ

e-hon

つまり

といったヤツのこと。
「パンくずリスト」っていうのは今、サイト内のどの階層のどのコンテンツを見ているのかが一目でわかる賢いやつなんです。

でも、賢いが故に逆に厄介でもあったりします。
というのは、ページごとに変わってくるから。

WordPressにはテーマというのがありまして、それぞれテンプレートの集まりでできています。
テンプレートというのはページが変わっても変わらない部分をひとまとめにしたもの。
これを各ページが読み込まれるたびに流用して使うというやり方をとっています。
ところが、パンくずリストは全ページで変わってきてしまうので単純にテンプレート化することができないんです。
しっかりとしたプログラムを書いてあげないといけない。

が、そこはインターネット、既に出来のいいWordPress用のパンくずリストプログラムを探してみるとありました。
今回は全面的にそちらの協力を得てしまいましょう。

1. まずは以下のコードを該当のテーマ内（今回は「Twenty Ten」を使っています）のfunction.php末尾に書きます。
   □ パンくずリスト
   

   function breadcrumb($divOption = array(“id” => “breadcrumb”, “class” => “clearfix”)){
   global $post;
   $str =”;
   if(!is_home()&&!is_admin()){ /* !is_admin は管理ページ以外という条件分岐 */
   $tagAttribute = ”;
   foreach($divOption as $attrName => $attrValue){
   $tagAttribute .= sprintf(‘ %s=”%s”‘, $attrName, $attrValue);
   }
   $str.= ‘<div’. $tagAttribute .’>’;
   $str.= ‘<ul>’;
   $str.= ‘<li><a href=”‘. home_url() .’/”>HOME</a></li>’;
   $str.= ‘<li>&gt;</li>’;
    
   if(is_category()) { //カテゴリーのアーカイブページ
   $cat = get_queried_object();
   if($cat -> parent != 0){
   $ancestors = array_reverse(get_ancestors( $cat -> cat_ID, ‘category’ ));
   foreach($ancestors as $ancestor){
   $str.='<li><a href=”‘. get_category_link($ancestor) .'”>’. get_cat_name($ancestor) .'</a></li>’;
   $str.='<li>&gt;</li>’;
   }
   }
   $str.='<li>’. $cat -> name . ‘</li>’;
   } elseif(is_single()){ //ブログの個別記事ページ
   $categories = get_the_category($post->ID);
   $cat = $categories[0];
   if($cat -> parent != 0){
   $ancestors = array_reverse(get_ancestors( $cat -> cat_ID, ‘category’ ));
   foreach($ancestors as $ancestor){
   $str.='<li><a href=”‘. get_category_link($ancestor).'”>’. get_cat_name($ancestor). ‘</a></li>’;
   $str.='<li>&gt;</li>’;
   }
   }
   $str.='<li><a href=”‘. get_category_link($cat -> term_id). ‘”>’. $cat-> cat_name . ‘</a></li>’;
   $str.='<li>&gt;</li>’;
   $str.= ‘<li>’. $post -> post_title .'</li>’;
   } elseif(is_page()){ //固定ページ
   if($post -> post_parent != 0 ){
   $ancestors = array_reverse(get_post_ancestors( $post->ID ));
   foreach($ancestors as $ancestor){
   $str.='<li><a href=”‘. get_permalink($ancestor).'”>’. get_the_title($ancestor) .'</a></li>’;
   $str.='<li>&gt;</li>’;
   }
   }
   $str.= ‘<li>’. $post -> post_title .'</li>’;
   } elseif(is_date()){ //日付ベースのアーカイブページ
   if(get_query_var(‘day’) != 0){ //年別アーカイブ
   $str.='<li><a href=”‘. get_year_link(get_query_var(‘year’)). ‘”>’ . get_query_var(‘year’). ‘年</a></li>’;
   $str.='<li>&gt;</li>’;
   $str.='<li><a href=”‘. get_month_link(get_query_var(‘year’), get_query_var(‘monthnum’)). ‘”>’. get_query_var(‘monthnum’) .’月</a></li>’;
   $str.='<li>&gt;</li>’;
   $str.='<li>’. get_query_var(‘day’). ‘日</li>’;
   } elseif(get_query_var(‘monthnum’) != 0){ //月別アーカイブ
   $str.='<li><a href=”‘. get_year_link(get_query_var(‘year’)) .'”>’. get_query_var(‘year’) .’年</a></li>’;
   $str.='<li>&gt;</li>’;
   $str.='<li>’. get_query_var(‘monthnum’). ‘月</li>’;
   } else { //年別アーカイブ
   $str.='<li>’. get_query_var(‘year’) .’年</li>’;
   }
   } elseif(is_search()) { //検索結果表示ページ
   $str.='<li>「’. get_search_query() .’」で検索した結果</li>’;
   } elseif(is_author()){ //投稿者のアーカイブページ
   $str .='<li>投稿者 : ‘. get_the_author_meta(‘display_name’, get_query_var(‘author’)).'</li>’;
   } elseif(is_tag()){ //タグのアーカイブページ
   $str.='<li>タグ : ‘. single_tag_title( ” , false ). ‘</li>’;
   } elseif(is_attachment()){ //添付ファイルページ
   $str.= ‘<li>’. $post -> post_title .'</li>’;
   } elseif(is_404()){ //404 Not Found ページ
   $str.='<li>404 Not found</li>’;
   } else{ //その他
   $str.='<li>’. wp_title(”, true) .'</li>’;
   }
   $str.='</ul>’;
   $str.='</div>’;
   }
   echo $str;
   }

2. 次に「パンくずリスト」を入れたいテンプレートの入れたい部分に以下のように書きます。
   □ パンくずリストを作ってみるとWordPress でのサイト構築のコツがつかめるかもしれない（コード 付き）
   

   <?php breadcrumb(); ?>

以上、とっても簡単でしたね。

via : [wordpress] パンくずリストをブログに設置する方法 | albatrus.com