Hatena::Grouphatena

はてなグループ日記 このページをアンテナに追加 RSSフィード

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

2007-04-17

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

16:15

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

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

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


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

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

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

例 [http://d.hatena.ne.jp/images/diary/s/sample/2004-08-20.jpg:image:left]

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:image:w90,h67,right]

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

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

[http://www.hatena.ne.jp/:image:small,right]

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

どうぞご利用ください。

nazegakunazegaku2007/04/17 22:13前略 はてなグループのブログで、はてなアンテナモジュールが表示できなくなっていませんか?
障害情報は出ていませんが、私のブログでは表示できません。
 http://healthy.g.hatena.ne.jp/nazegaku/

CtransCtrans2007/04/17 23:17当方のブログでも同様にアンテナモジュールが表示できなくなっています。
http://chinese.g.hatena.ne.jp/Ctrans/
対応よろしくお願いいたします。

suikansuikan2007/04/18 20:43私のBlogでもアンテナモジュールが表示されません。
http://ecrafts.g.hatena.ne.jp/suikan/

トラックバック - http://hatena.g.hatena.ne.jp/hatenagroup/20070417
 |