2016-01-08

【アップデート情報】My Songのアーカイブテンプレートのスマホ用サムネイルサイズを調整し直しました

Mysong

いつもご利用ありがとうございます!
My Songをご利用の方にアップデートのお知らせです。

iPhone6以上のサイズのスマホで閲覧した時に、
アーカイブページのサムネイル画像サイズが、
画面枠よりも少し小さく表示される不具合がありましたしたので、
ジャストフィットするようにサイズを調整し直しました。

お手数ですが以下の方法で2カ所の修正をお願いします。

1)スタイルシート(style.css)の1505行目〜1506行目

ダッシュボード>外観>テーマ編集と進んで、スタイルシート(style.css)を開きます。
レスポンシブ欄「/* Mobile (Portrait/iPhone6) 画面の横幅が375px〜479pxまで */」
という辺りの『1505行目〜1506行目』を変更してください。

<修正前>

li.item-gallery { height: 200px; }
.item-img { height: 200px; margin: 0 0 10px 0; overflow: hidden; }

<修正後>

li.item-gallery { height: 224px; }
.item-img { height: 224px; margin: 0 0 10px 0; overflow: hidden; }

2)アーカイブ (archive.php)の60行目〜63行目

ダッシュボード>外観>テーマ編集と進んで、アーカイブ (archive.php)を開きます。
『60行目〜63行目』を変更してください。

<修正前>

<div class="item-img"><a href="<?php the_permalink(); ?>"><?php
if ( has_post_thumbnail() ) the_post_thumbnail(array(300,200));
else echo '<img src="'.get_template_directory_uri().'/images/noimage-630x420.jpg" />';
?></a></div>

<修正後>

<div class="item-img"><a href="<?php the_permalink(); ?>"><?php
if ( has_post_thumbnail() ) the_post_thumbnail(array(420,280));
else echo '<img src="'.get_template_directory_uri().'/images/noimage-630x420.jpg" />';
?></a></div>

共にサイズの変更のみです。

*本日2016年1月8日21:00以降のダウンロードファイルは変更済みです。

*作業を行なう際は、万が一間違えてもすぐに元に戻れるように、
必ずバックアップを取ってから慎重に行ってください!
テキストアプリ等に貼付けて作業することをオススメします。
by
おすすめWordPressテーマ10選