本日、はてな記法を用いて表示される画像の 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 タグのクラス名を変更しております。詳しくは上記一覧の備考欄をご確認ください。