はてなダイアリーで画像にリンクをつける。

画像を掲載するには、編集画面から画像をアップロードして貼付けていました。

そうすると、↓下記の様に記載されます。
(なてな的にはfotolife記法というみたいです。)

[f:id:soratomo0714:20130909112216j:image]

ただ、これでは画像をクリックした時にフォトライフの画面が開いてしまいます。。


画像にリンク先を指定するには↓こちらです。
(なてな的にはhttp記法というらしいです。。)

[リンク先URL:image=画像のURL]

(画像のURLが分からなければ↓こちらで調べられます。
「画像の上にマウスを置いて→右クリック→画像のURLをコピー」)



これはHTMLで以下のように記述するのと同等です。

<a href="リンク先URL" class="http-image"><img src="画像のURL" class="http-image" alt=""></a>

HTMLを打ち込むより簡単ですね。

↓デモ
http://jewelcafe.main.jp/sora/jewelry.html

[http://jewelcafe.main.jp/sora/jewelry.html:image=http://jewelcafe.main.jp/sora/images/topimg/gnav03.png]


【関連記事】
はてなダイアリーのサイドに手動でリストを追加
http://d.hatena.ne.jp/soratomo0714/20130819