前から薄々気づいてたんですがこれと言っていいアイデアもなく放置していたのが、サイドバーの項目についての説明デス。自分でBLOGをやってる人にはなじみのあるものでもBLOGに慣れてない人からしてみたら、よく分からない項目だらけですよね。
今までも一部のサイドバーには説明を入れていたんですがこれを全部に入れちゃうとさらに情報量が増えるし、BLOGに慣れている人にとっては「くどいっちゅうねん!」って思うと考えられるし、なにより自分がアンテナ代わりにここをよく見てるからあんまり説明文をごちゃごちゃ入れたく無いというのが一番強かったんだけどね。
で、いきなり思いついたのが画像タグにtitle要素を使い、そこに説明文を入れて画像にカーソルを持って行くと説明が表示されるという方法。
やり方は簡単。ヘルプを思わせるような画像を用意して(ここでは?マーク)、表示したい場所に普通にimgタグで埋め込みます。その時に「title="??"」って感じでタグの中にtitle要素を追加するだけ。これでお手軽ヘルプの出来上がり。
問題はその画像をヘルプと認識してカーソルを持って行ってくれるかってことなんですけどね。
[ movable type ]
