カテゴリのリンクを作る。

id:Marichanさんの所を読んでいたところ、

はてなダイアリーは色々機能を追加できるらしいのだけれど、その設定の仕方が良くわからないので結局何もしてません。日記のカテゴリーをヘッダーにつけてみようと思ったのだけれど、説明を読んでもなんだか良くわからなかった・・

とのことですので不肖酔漢めがはてなになりかわりまして説明をば。
はてなのカテゴリはリンクを使って実現することが出来ます。手順は

  1. カテゴリを表すURLを抽出する
  2. URLを使ってタグ付けする
  3. タグを埋め込む
  4. 大きさを変える

の4ステップです。

1. カテゴリを表すURLを抽出する

最初にカテゴリを表すURLを取り出します。例として[book]のカテゴリー・リンクを作りたいとします。URLを取り出すには自分の日記の[book]カテゴリーをクリックすればいいのです。そうするとブラウザのアドレス欄にURLが現れます。Marichanさんの場合だと

http://d.hatena.ne.jp/Marichan/searchdiary?word=%2a%5bbook%5d

が、現れますのでこれをコピーしてテキストエディタなり、ノートパッドなりに貼り付けます。

2. URLを使ってタグ付けする

つぎに今抽出したURLを使ってタグ付けします。タグ付けによってリンクを作ることが出来ます。まず、空のリンクを作りましょう

<span class="categorylink"><a href="">book</a></span>

このリンクは"book"と表示されます。しかし中身が空っぽなのでクリックしても何も起きません。ここれをクリック可能なリンクにするには、href=""のダブルクオートの中に先ほどのURLをコピーします

<span class="categorylink"><a href="http://d.hatena.ne.jp/Marichan/searchdiary?word=%2a%5bbook%5d">book</a></span>

これでタグ付けは出来上がりです。

3. タグを埋め込む

あとは上で作ったタグを自分のページに埋め込みます。自分の日記ページのヘッダの中にある「設定」を押してはてなダイアリーの設定画面に入ります。スクロールして「ページのヘッダ(HTMLタグ利用可)」の一番上に先ほど作ったタグをおいて、「この内容に変更する」ボタンをクリックすれば、日記の一番上にカテゴリ・リンクが表示されます。

4. 大きさを変える

日記に埋め込んだリンクの文字の大きさが気に食わないときには、次のスタイルシートを埋め込みます。

.categorylink {
font-size : 70%;
}

これは元の大きさの7割になるスタイルシートです。これを設定画面の「スタイルシート」の部分にコピーして、「この内容に変更する」ボタンをクリックします。これで終わりです。

5. リンクを増やす

book以外のカテゴリーへのリンクを作るときには、<span>.. </span>は不要です。4.で埋め込んだ<span>.. </span>の中に、追加で<a>.. </a>を並べてください。

/* -----codeの行番号----- */