フォトライフの画像を簡単に右寄せ・左寄せレイアウトできるようになりました

フォトライフの画像を簡単に右寄せ・左寄せレイアウトできるようになりました

本日、はてなダイアリーはてなグループフォトライフを使って画像を貼り付ける際に、右寄せ、左寄せレイアウトが簡単にできる機能を追加しました。日記編集画面から「はてなフォトライフに画像を投稿」ボタンを押して画像をアップロードする際、同時に画像の位置を指定できますので、お好みに合わせて「左」「右」「指定なし」を選択してください。

f:id:hatenadiary:20070417160820j:image:right

たとえば「右」を指定すると、このように画像が右に表示され、文字が左に流れ込むように表示されます。


フォトライフ以外の画像のレイアウトを指定する方法

フォトライフだけではなく、はてな記法URLを用いて外部の画像を簡単にレイアウトできる機能も同時に追加しました。

画像のURLに加えて「:image:left(right)」といった指定を行うことで、レイアウトの指定が可能です。

http://d.hatena.ne.jp/images/diary/s/sample/2004-08-20.jpg

http://d.hatena.ne.jp/images/diary/s/sample/2004-08-20.jpg

left指定を行うと画像がこのように左側に表示されます。


【上級者向け】画像サイズとレイアウトを同時に表示する方法

はてな記法で画像の表示サイズとレイアウトを同時に指定する方法として、新たにカンマ","を用いて指定を併記する文法を追加しました。

たとえば上記の画像を横90ピクセル、縦67ピクセルで右側に表示したい場合、以下のように指定します。

http://d.hatena.ne.jp/images/diary/s/sample/2004-08-20.jpg

最後のカンマで繋げられた部分=「w90,h67,right」は順不同で、「h67,w90,right」や「right,w90,h67」のように書くこともできます。

また、ウェブページスクリーンショットを表示するスクリーンショット記法でも同様にレイアウト指定が可能です。はてなトップページを小サイズで右側に表示したいときは、以下のように指定してください。

http://www.hatena.ne.jp/

今後はてな記法では、このように順不同の要素を最後につなげることができる場合に、カンマを使って複数の指定を併記できる方法を取ることを基本方針としたいと思います。

どうぞご利用ください。