アップデート情報・・・ナチュログのテンプレートカスタマイズ・ブログデザイン・ブログカスタマイズ

今回はブログテンプレートのアップデート情報です。

ナチュログPC版テンプレートの修正がありました。【お知らせの記事はこちら】

こんにちは。ナチュログです。

以前より発生しておりましたスマートフォン等から幅の大きい画像をそのまま投稿するとPC版でブログ幅以上になってしまう件について配布中のPC版テンプレートの修正を行いました。
すでにご利用中のブロガー様に於かれましては修正を反映させるご対応が必要となります。
恐れ入りますが下記ご参照の上、ご対応の程何卒よろしくお願いいたします。

＜画像はナチュログからのお知らせより＞



以前の記事「ブログの表示を速くする（初級）」で標準のPCテンプレートでは「画像の最大幅が制御されていません」と書いたのですが、2015年10月28日ナチュログナチュログPC版テンプレート修正で画像の最大幅が制御されるようになりました。


CSSの内容は

.main img {
margin: 0px 5px 5px 5px;
max-width: 95%;
}


※上の意味は「画像の左右と下に5pxの余白を入れる」と「ブログ画像最大幅を表示域の95％にする」です。


基本的にはテンプレートの再選択が必要なんですが、CSSの追記でも大丈夫です。


いつものようにCSSの最後に下記文言を追加（カスタマイズをされている方は除く）

/*ブログ画像最大幅制御*/
.main img {
margin: 0px 5px 5px 5px;
max-width: 95%;
}


ブログに慣れている方で、投稿前に画像サイズを調節されて場合は必要ありませんが、この修正で不慣れな方でもPCから画像がはみ出すことはなくなります。

ただ注意点として、表示サイズは縮小されても画像サイズは縮小されませんので重い画像は重いままです。やはり圧縮したほうがいいですね。