AFFINGER５買ってからしばらく経つから、そろそろブログをカスタマイズしちゃおうかな
小テーマのJETカッコいいなー……よーし、買っちゃえー！
――数日後
あれ？ なんかJETに変えてから更新した記事のアイキャッチ画像が見切れてる？
そこで今回はJET利用中に更新した記事のアイキャッチ画像を通常の子テーマ同様に見切れずに表示する方法をご紹介します
アフィンガー５でのアイキャッチ画像の適正サイズとは
通常の子テーマで利用していたときに使用していたアイキャッチ画像サイズは『６４０×３９６』です
当サイトのアイキャッチ画像はすべてこのサイズで統一しています
JETに変更前の通常の子テーマで設定していたアイキャッチ画像については、同一サイズで見切れることなく表示されているかと思います
なので、小テーマをJETに変えてからアイキャッチ画像が見切れるようになったのは、アイキャッチ画像のサイズのせいではありません
つまり、JETを使用中に画像をアップロードしたときに生成されるアイキャッチ画像のサイズが変更されていることに問題があるというわけです
JET独自のアイキャッチ画像のサイズ変更を無効にする
アイキャッチ画像サイズの不具合については、「function.php」の一行を削除するのみで解消できます
まずは、外観＞テーマエディターからJETを選択し、「function.php」を表示しましょう
注意ポイント
「function.php」はデリケートな部分のため、必ずバックアップしてから作業を行ってください
36行目付近に「サムネイルサイズの追加」と書かれた行があるはずです
これがJET独自のサムネイルサイズの変更コードです
なので、通常の子テーマと同じアイキャッチ画像のサイズで見切れるという場合は、いっそのことこれを消してしまいましょう
該当の箇所を削除すると上記のような状態となります
これで通常子テーマと同じアイキャッチ画像サイズとなるため、画像の見切れは修正されます
さいごに
JETは魅力的な子テーマですが、少しクセのあるテーマなので必要であればカスタマイズを行いましょう
アイキャッチ画像については、サイズを統一すると記事一覧がきれいに表示されるのでオススメです
アフィンガーのJETを使いこなして、見やすいブログを目指していきましょう