画像投稿テスト

キレイなオーロラ(*´ω｀*)

＜アプリ投稿対応＞大きな画像もピッタリ表示

スマホのアプリから投稿した写真も、パソコンからアップロードした大きな写真も、パソコン版で表示したときに記事幅に合わせてピッタリと表示することが出来る設定です。

一度設定すると全ての記事内の画像に適用（過去記事など）されます。

※過去記事で「小さいサイズで貼りつける」にチェックを入れて投稿したものは小さいままです。

なお、設定はCSS編集用デザインのみです。


●パソコンでの表示例

●やり方
①ブログ管理の画面で「デザインの変更」→「cssの編集」で以下をコピペ。

/* --------- ●記事内の画像を最大で表示● --------- */
.articleText a.detailOn img {
height: auto !important;
width: auto !important;
max-width: 410px;
}

※上記コードは3カラムの際の記事横幅です。2カラムの場合は赤字の部分を605pxに変えてください。

※また、カラムを独自に変更している場合は自分の記事横幅に合わせて設定してください。


②記事投稿の際は「小さいサイズで貼りつける」のチェックを外して画像を貼る。

※記事の編集画面や「表示を確認する」では画像は大きいままですが、公開すると記事幅で表示されるはずです。



ちなみに・・・
そもそも小さい画像（例えば記事幅410pxで画像幅が300pxなどの場合は）小さいままで表示されます。

アプリから投稿テスト

アプリからの画像投稿テスト

もう一枚

おわり