ナガブロを見ていると、たぶん携帯からの投稿であろう人がちょくちょくいます。

写真付きで投稿されているのですが、PCで見ると本文領域のほとんどの幅を写真にとられて
その横に文章が縦に長く表示されちゃってる人とか。

最近の携帯は写真のサイズが大きくなってきているので、
変に回り込みの設定がされていると、おかしなレイアウトになってしまうのだなあ。

携帯からの投稿。

携帯での投稿をPCで綺麗に見せるには、2点注意。

(1)写真のサイズ
テンプレートのデザイン上、だいたい幅640px以下でないと収まらないです。
携帯で投稿すると、そのままのサイズで投稿されるので意識しましょう。

(2)文章の回り込みをさせないこと。
管理画面の[ブログ環境設定]から[ブログへの投稿]へ進み、[メール投稿時の画像表示設定]を
設定しましょう。
「画像を中央揃えに並べる」を選ぶ。それだけで結構綺麗になったりします。
要するに、写真と文章が縦に並ぶようになります。この記事のように。



他にも携帯投稿のみせるテクニックはありそうですが
「今はこれが精一杯」

携帯からの投稿。

「おじさま…」

というわけで、午後もお仕事がんばりましょう。

タグ :ナガブロ

同じカテゴリー(技術)の記事画像
レスポンシブデザインにしてみました。
時代に抗うブラウザを使ってみる。
すっごい連携するよ!
レイアウト変更
同じカテゴリー(技術)の記事
 レスポンシブデザインにしてみました。 (2015-09-15 23:02)
 時代に抗うブラウザを使ってみる。 (2012-12-23 20:00)
 AdobeCS6 CreativeCloud。 (2012-07-25 09:47)
 最新のFirefoxでFlashが動かない。 (2012-07-01 12:53)
 すっごい連携するよ! (2012-01-25 21:56)
 レイアウト変更 (2012-01-22 18:35)
イケメン弁当はこちら