無料テーマ「Focus」について
-
海外の無料テーマ「Focus」を使用しています。 → 配布先リンク
撮影した写真一枚に付き一投稿を行い、簡易なギャラリーページとして使用しています。ヘルプの必要なページへのリンクは、ページ2です。ずらっと写真が並んでいますが、中段、”stone”と題した写真のアイキャッチ画像と、”apple”と題した写真のアイキャッチ画像のサイズに差異が見られます。”stone”の投稿をを含む、以前のアイキャッチ画像はサイズが380×254で統一されていますが(一部、縦長の写真等もあります)、”apple”以降は380×380で統一されてしまっています。投稿されている画像、および、アイキャッチに設定している画像のサイズはすべて同じです。
F12で要素の検証を行ったところ、どうやら”apple”以降はアイキャッチ画像のURLにそのまま380×380とサイズの定義が行われているようです。特にイジったりもせず、いつも通り写真を投稿しただけなので、なぜこんなことになったのか不明で困っています。心当たりがあるとすれば、「Focus」テーマのアイキャッチ画像のデフォルトサイズが380×380らしいので、Focusテーマ導入当初に追加CSS欄に以下のようなCSSを追記したことです。
@media screen and (min-width: 1280px) {
.grid-view .entry-image {
height: auto;
}この記述を削除すると、今度は380×254のアイキャッチ画像の下部にグレーの余白が出現します(つまり、強制的に380×380で表示される)。
要望としては、アイキャッチに設定した写真の寸法に合わせたアイキャッチ画像が自動で生成されれば一番良いと思っています。こちらのページなどは写真の寸法が違いますが、アイキャッチ画像は余白も無くトリミングされた様子もなく、きれいに収まっています。きちんと伝えられているか不明ですが、必要な情報があればすべて開示させていただきますので、よろしくお願いいたします。
ヘルプの必要なページ: [リンクを見るにはログイン]
- トピック「無料テーマ「Focus」について」には新たに返信することはできません。