2018-12-03

【アップデート情報】Folclore:アイキャッチ画像を横長で使用する場合の余白を調整しました(Ver.20181203)

重要度★☆☆

ご利用ありがとうございます!

テーマ「Folclore」の記事一覧表示(トップ・カテゴリー)の余白を微調整しました。
folcloreのアイキャッチ画像は1:1の正方形を想定していましたが、
3:2や4:3や16:9など横長サイズでも使いやすいように、余白を調整しました。

具体的には以下の通りです。

修正点と調整方法

◎ダッシュボード>外観>テーマ編集>スタイルシート

スタイルシートの最後の方の「レスポンシブ用」記述の一部を変更しました。

/* Tablet (Portrait) 画面の横幅が768px〜959pxまで

以下の2行を削除

li.item-gallery { height: ***px; }
.item-img { height: ***px; margin: ****px; overflow: hidden; }

/* Mobile (Portrait) 画面の横幅が300px~767pxまで(基本)
/* Mobile (Portrait/iPhone6) 画面の横幅が375px〜479pxまで
/* Mobile (Landscape) 画面の横幅が480px〜767pxまで

以下の一行を変更。

li.item { height: ***px; margin-bottom: **px; }

li.item { height: auto; margin-bottom: 100px; }

以下の2行を削除。

li.item-gallery { height: ***px; }
.item-img { height: ***px; margin: ****px; overflow: hidden; }

作業はこれだけです。

*本日2018年12月3日14:30以降のダウンロードファイルは変更済みです。

*作業を行なう際は、万が一間違えてもすぐに元に戻れるように、
必ずバックアップを取ってから慎重に行ってください!

おすすめWordPressテーマ10選
by