higuchi.com blog

The means justifies the ends

もう一度、迷子よけ [Nucleus用パンくずリスト]

[PR] 本ブログの商品紹介リンクには広告が含まれています

「パンくずリスト」で検索してこのサイトにたどり着く方が多いようなので、少しだけでもお役に立てば。
以前の記事で、このサイトにパンくずリストを付けたとだけ書いていて、どうやって付けたのかを説明していなかったので、今回はその解説。Nucleusで作ったサイトに、スキンの加工だけでパンくずリストを付ける方法。 スキンの中のパンくずリストを付けたい場所に、次のコードを入れます。
<div id="breadcrumbs">
<%if(skintype,item)%>
<a href="<%blogsetting(url)%>"><%blogsetting(name)%></a>
<%if(category)%>&nbsp;&raquo;&nbsp;<a href="<%todaylink%>"><%category%></a><%endif%>
&nbsp;&raquo;&nbsp;<a href="<%archivelink%>">記事一覧</a>
&nbsp;&raquo;&nbsp;<%itemtitle%>
<%else%>
<%if(skintype,index)%>
<a href="<%blogsetting(url)%>"><%blogsetting(name)%></a>
&nbsp;&raquo;&nbsp;<%if(category)%><%category%> 一覧<%else%>記事一覧<%endif%>
<%else%>
<%if(skintype,archive)%>
<a href="<%blogsetting(url)%>"><%blogsetting(name)%></a>
<%if(category)%> » <a href="<%todaylink%>"><%category%></a><%endif%>
&nbsp;&raquo;&nbsp;<a href="<%archivelink%>">過去記事一覧</a>
&nbsp;&raquo;&nbsp;<%archivetype%>別の記事一覧 (<%archivedate(ja_JP)%>)
<%else%>
<a href="<%blogsetting(url)%>"><%blogsetting(name)%></a>
<%endif%>
<%endif%>
<%endif%>
</div>
そして、パンくずリストの行にスタイルをつけるためにスタイルシートの中に次の記述を加えます。この例では上下に罫線をつけて、バックグラウンドを薄いグレーにしてあります。
#breadcrumbs {
clear: both;
background: #F2F2F2;
padding: 2px;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
font-size: x-small;
}

以上で、できあがり。
どういう仕掛けになっているかは、中身を見て考えてみてくださいませ。

コメント

boffさんのコメント:

パンくずのソースコードを参考にさせていただきました(ほとんどそのままなんですが)。
ありがとうございました。
2009/6/23 03:56

コメントを書く

関連するかもしれない記事

グロ注意 [原発近辺にいる奇形昆虫の美しいイラスト]

<%image(20100519-cornelia1.png|316|465|シリアゲムシの奇形)%> Wired誌の記事で見つけた、スイ...

この記事を読む »

ホワイトハウスは北の悪口にご立腹なようです [世の中に一人しかいない不良児オバマに天罰を]

ホワイトハウスは北の悪口にご立腹なようです [世の中に一人しかいない不良児オバマに天罰を]

ワシントンポストによりますと、北朝鮮のオバマ大統領への悪口にホワイトハウスがご立腹なようです。...

この記事を読む »

ネタバレ注意 [140字で分かる難解な映画・小説 ベスト10]

おなじみ Wired 誌から。今年の5月号に "10 Best Head-Scratching Stories, Explained" という小さい記...

この記事を読む »

なつかしす [ギーガー・バー]

RSS フィードに GIGAZINE の《「エイリアン」のデザイナーが設計した不気味なバー》という見出しが。...

この記事を読む »

ルールから確率へ [スパム除けベイジアンフィルター]

私のメールアドレスは、昔からWeb上などに掲示していたため、今では1日200通ぐらいのスパムが送られてき...

この記事を読む »

迷子よけ [パンくずリスト]

このBlogのデザインを定義している“スキン”を少しいじって、ページのアタマに、いわゆる“パンくずリスト...

この記事を読む »

Facebookでシェアされてきた文章は読むな [デジタルなパンとサーカスへの警鐘]

Facebookの正体とは   これは某インターネット企業幹部の話です。 彼は、こう耳元で囁き...

この記事を読む »

炭火焼き調理したものは食べるな [熱の正体は残留電磁波]

炭火焼き調理したものは食べるな [熱の正体は残留電磁波]

炭火焼き調理の正体とは これは某大手自然食レストランチェーン幹部の話です。 彼は、こう耳...

この記事を読む »