パンくず - breadcrumbs - hatena module

はてなダイアリー」のブログを利用している方は、「はてなモジュール」を使って、サイドバー等をカスタマイズしているでしょう。その中の1つの「パンくず」機能をブログに追加した。

「パンくず」は、サイト内の現在位置を示す重要なリンク。
よくサイトの奥深くまでたどり、今サイト内のどの位置にいるのか分からなくなることがある。そんなときに、このパンくずのリンクをたどって、1つ上の階層やTopページに戻ることができる。

usability(ユーザビリティ)とaccessibility(アクセシビリティ)を向上させるリンク。



そんな「パンくず」をはてなダイアリーに設置できる。

<hatena name="breadcrumbs">

このタグを「管理」ページの「デザイン編集」→「詳細」タブでソースコードをサイドバーやタイトル下の好きな位置に挿入できる。

僕はパンくずっぽく、ページのヘッダの

<div class="main">
<hatena name="breadcrumbs" template="hatena-module" toptitle="Top" titlelength="50">

divタグ直下に設置。


ある程度属性値も指定できるので、

指定 意味
toptitle Topページのタイトル toptitle="最新の日記"
dateformat 日付フォーマット dateformat="%Y年%c月%e日"
monthformat 月別フォーマット monthformat="%Y年%m月"
titlelength 見出しタイトル文字長 titlelength="50"(最大の半角50)
showontop Topページにも表示 showontop="1"(指定なしで非表示)

お試しあれ。


ちなみに詳しい解説ページはこちら



他にもモジュールはたくさん。
はてなモジュール一覧