こたらの日記

WordPressブログにプラグインなしでパンくずリストを表示させる方法

Cover Image for WordPressブログにプラグインなしでパンくずリストを表示させる方法

breadcrumb_130613
ブログにパンくずリストをつけました。こたら(@kotala_b)です。
▼パンくずリストというのはこれ
breadcrumb_130613_01
今見ているページがブログ全体のどこなのかを示すナビゲーションのようなモノです。
色々なwebページで見るパンくずリストですが、そういえばこのブログにはつけてないなと思ったので、パンくずリストをつけることにしました。

パンくずリストの作り方

▼パンくずリストのコードはこちらで紹介されているものをそのまま使いました。
[Wordpress]ブログにパンくずリストつけてみた | OZPAの表4[Wordpress]ブログにパンくずリストつけてみた | OZPAの表4

パンくずリストを作ってみるとWordPress でのサイト構築のコツがつかめるかもしれない(コード 付き)パンくずリストを作ってみるとWordPress でのサイト構築のコツがつかめるかもしれない(コード 付き)

▼「functions.php」に貼付けたコード
[php]
/*******************************
パンくずリスト
********************************/
function breadcrumb(){
global $post;
$str ='';
if(!is_home()&&!is_admin()){ /* !is_admin は管理ページ以外という条件分岐 */
$str.= '

';
}
echo $str;
}
?>
[/php]
▼パンくずリストの表示位置に貼付けるコード
[php]

[/php]
そのままだと不格好なのでCSSを弄って調整
▼CSSに付け加えたコード
[css]
#breadcrumb {
width: 480px;
padding: 0px 60px 0px 80px;
}
#breadcrumb li{
float: left;
margin-right: 10px;
font-size: 0.9em;
}
[/css]
これで完成!

最後に

僕はWordPressやPHPに関する知識はほとんどありません。
だからこそ検索して出てくるこういった記事は本当にありがたいです!
@OZPAさん、@WebDesignRecipeさんありがとうございました!

関連記事

WordPressブログにプラグインなしでTwitterアカウント名のリンクを自動で貼る方法 | kotala's noteWordPressブログにプラグインなしでTwitterアカウント名のリンクを自動で貼る方法 | kotala's note

Wordpressブログにプラグインなしでソーシャルボタンを設置する方法 | kotala's noteWordpressブログにプラグインなしでソーシャルボタンを設置する方法 | kotala's note