AFFINGER５（WING）JETでアイキャッチ画像が大きく見切れる場合の対処法

2019年8月25日 2020年4月23日

AFFINGER５買ってからしばらく経つから、そろそろブログをカスタマイズしちゃおうかな

小テーマのJETカッコいいなー……よーし、買っちゃえー！

――数日後

あれ？　なんかJETに変えてから更新した記事のアイキャッチ画像が見切れてる？

のようになっているJETユーザーのあなた。朗報です。

なんと同じ状況に陥っていた僕が、見切れを解消する方法を見つけましたよ。

そこで今回はJET利用中に更新した記事のアイキャッチ画像を通常の子テーマ同様に見切れずに表示する方法をご紹介します。

この記事の流れ

通常の子テーマで利用していたときに使用していたアイキャッチ画像サイズは『６４０×３９６』です。

当サイトのアイキャッチ画像はすべてこのサイズで統一しています。

JETに変更前の通常の子テーマで設定していたアイキャッチ画像については、同一サイズで見切れることなく表示されているかと思います。

なので、小テーマをJETに変えてからアイキャッチ画像が見切れるようになったのは、アイキャッチ画像のサイズのせいではありません。

つまり、JETを使用中に画像をアップロードしたときに生成されるアイキャッチ画像のサイズが変更されていることに問題があるというわけです。

アイキャッチ画像サイズの不具合については、「function.php」の一行を削除するのみで解消できます。

まずは、外観＞テーマエディターからJETを選択し、「function.php」を表示しましょう。

修正を行う前に！

「function.php」はデリケートな部分のため、必ずバックアップしてから作業を行ってください。

「function.php」の36行目付近に「サムネイルサイズの追加」と書かれた行があります。

もし見当たらなければ [control]＋[F] で「st_thumb_card」を検索してみてください。

これがJET独自のサムネイルサイズの変更コードです。

なので、通常の子テーマと同じアイキャッチ画像のサイズで見切れるという場合は、いっそのことこれを消してしまいましょう。

該当の箇所を削除すると上記のような状態となります。

これで通常子テーマと同じアイキャッチ画像サイズとなるため、修正後にアップした画像の見切れは修正されます。

アイキャッチが見切れたままだけど？

すでに設定済みの画像は修正されないため、新たにアップデートする必要があります。あくまでこの対応は画像をアップロードしたときのサイズ変換を通常のテーマのものと同じにしただけなので、すでに生成された画像は修正できないという理由です。

今のところ、このコードを消してから1年以上が経過していますが、不具合等は発生していないため、問題ないはずです。

おかしな挙動になったら、もとに戻せばいいだけなので、一度試してみてください。

AFFINGER５（WING）JETでアイキャッチをきれいに表示しよう

JETは魅力的な子テーマですが、少しクセのあるテーマなので必要であればカスタマイズを行いましょう。

アイキャッチ画像については、サイズを統一すると記事一覧がきれいに表示されるのでオススメです。

アフィンガーのJETを使いこなして、見やすいブログを目指していきましょう。

アオ

イキカタシフトでは節約して必要最小限のモノで楽しく生活しつつ、在宅の副業でコツコツ稼ぐことを目標に情報発信しています。