パンくず - 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"(指定なしで非表示) |
お試しあれ。
ちなみに詳しい解説ページはこちら
他にもモジュールはたくさん。
はてなモジュール一覧