Hatena::ブログ(Diary)

はてなダイアリー日記 このページをアンテナに追加 RSSフィード

使い方に関するご質問、不具合報告やご要望は、お問い合わせ窓口で承ります。
使い方のコツなどを知りたい時は、人力検索はてなの「はてなの使い方」カテゴリーをご利用ください。
※コメント欄へのご質問には対応できない場合がございますのでご了承ください。

2007/10/24

はてな記法で画像を日記本文に貼り付けた際の a タグにクラス名を追加しました(開発者向け)

15:27

本日はてな記法を用いて表示される画像の a タグに対し、クラス名の指定を追加しました。

fotolife記法で展開した a タグへのクラス追加と同様に、a タグと img タグに同一のクラス名を与え CSS でのデザイン変更を行っていただきやすくなりました。

実際に展開されるHTMLのサンプルやクラス名を追加した記法の一覧は以下をご覧ください。

HTMLサンプル

<a class="http-image" href="http://www.hatena.ne.jp/hogehoge.jpg"><img class="http-image" src="http://www.hatena.ne.jp/hogehoge.jpg"></a>

クラス名を追加した記法一覧

記法 class備考
http記法での画像ファイル表示(:image) http-image 旧指定 hatena-http-image
http記法でのスクリーンショット表示(:image) http-screenshot 旧指定 hatena-http-image
http記法でのQRコード表示(:barcode) http-barcode 旧指定 barcode
id記法でのプロフィール画像表示(:image) hatena-id-image  
id記法での詳細表示(:detail) hatena-id-icon  
isbn/asin記法での画像表示(:image) asin  
rakuten記法での画像表示:image asin  
jan/ean記法での画像表示(:image) ean  
jan/ean記法でのQRコード表示(:barcode) ean-barcode 旧指定 barcode
graph記法でのグラフ表示(:image) hatena-graph-image  
question記法でのアンケートグラフ表示(:image) hatena-question-image  
keyword記法での統計グラフ表示(:graph) hatena-keyword-graph  
fotolife記法での写真表示hatena-fotolife  

なおクラス名の追加に伴いクラス名を統一するため、一部記法での img タグクラス名を変更しております。詳しくは上記一覧の備考欄をご確認ください。

mohrimohri 2007/10/24 16:15 実装ありがとうございます。
「クラス名を追加した記法一覧」の表に、先日のfotolife記法も追加していただくとと、あとから情報を参照しやすくなるのでよろしくおねがいします。

hatenadiaryhatenadiary 2007/10/24 16:43 ご指摘ありがとうございます。追加しました。

ubonoubono 2007/10/25 09:43 idea:17491でもあげましたし、以前にもコメントしましたが。
今回はZohoSheetのコードがだらだら表示されてアンテナが無駄に長くなります。
続きを読むでスマートにしてください。
ほんと、お願いします。