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以降のダウンロードファイルは修正済みです。

*修正は必ずバックアップを取った上で行なってください。

おすすめWordPressテーマ10選
by