2016-10-26
【アップデート情報】Folcloreのミニタブレット表示時のサムネイル画像サイズを変更しました
重要度★☆☆
ご利用ありがとうございます。
テーマ「Folclore」をご利用の方にアップデートのお知らせです。
480px〜767pxのミニタブレット(またはスマホのLandscapeモード)で閲覧した時の、
アーカイブページでのサムネイル一覧表示の画像サイズを変更しました。
他のページに合わせて横長から正方形へのデザイン変更です。
ただ、ミニタブレット(またはスマホのLandscapeモード)で正方形サムネイルだと、
画像の高さがありすぎて逆に見づらく感じる人もいると思うので、
この辺はお好みで、という感じになります。
気になる人は以下の方法で修正してください。
修正方法
◎ダッシュボード>外観>テーマ編集>スタイルシート (css.style)
と進んで、スタイルシートの編集画面を開きます。
1)401行目〜の「.item-img」ブロックから「max-height: 300px;」を削除。
.item-img {
max-height: 300px;
margin: 0 0 10px 0;
overflow: hidden;
text-align:center;
}
↓
.item-img {
margin: 0 0 10px 0;
overflow: hidden;
text-align:center;
}
2)一番下の方の「レスポンシブ(メディアクエリ)」欄の中の、以下、3カ所を追記。
2-1)1700行目の「.item-img { margin: 0 0 10px 0; overflow: hidden; }」に、
「height: 300px;」を追加。
.item-img { margin: 0 0 10px 0; overflow: hidden; }
↓
.item-img { height: 300px; margin: 0 0 10px 0; overflow: hidden; }
2-2)1725行目の「.item-img { margin: 0 0 10px 0; overflow: hidden; }」に、
「height: 336px;」を追加。
.item-img { margin: 0 0 10px 0; overflow: hidden; }
↓
.item-img { height: 336px; margin: 0 0 10px 0; overflow: hidden; }
2-3)1379行目の「.item-img { margin: 0 0 10px 0; overflow: hidden; }」に、
「height: 420px;」を追加。
.item-img { margin: 0 0 10px 0; overflow: hidden; }
↓
.item-img { height: 420px; margin: 0 0 10px 0; overflow: hidden; }
以上です。
お手数をおかけしますが、よろしくお願いします。
*2016年10月26日20:30以降のダウンロードファイルは修正済みです。
*修正は必ずバックアップを取った上で行なってください。
2016-10-26 by