Question
正方形のアイキャッチが、スライダーとブログカードだと長方形にトリミングされてしまう
- a ai
-
スライダーと、ブログカードのアイキャッチを、正方形にする方法はありますか？
問題となるページ : https://harimi.blog/ 2025/10/09 18:03
記事のアイキャッチを、自由サイズにして正方形にしています。
トップページのスライダーと、ブログカードのアイキャッチが、長方形にトリミングされてしまいます。
Instagramと連携させたいので、正方形のアイキャッチを使用したいのですが、よい方法はありますか？
こんにちは！
2025/10/11 00:24URLのご共有ありがとうございます。
こちらのマニュアルでご案内している設定は、オンにされていますでしょうか。
https://jinr.jp/manual/thumbnail-trimming/
スライダーに関しましては、こちらの設定をオンにするとオリジナル比率の画像が表示されるはずですが、ブログカードについては、標準仕様での設定項目はご用意がありませんので、別途、カスタマイズしていただく形になるかと思います。
お手数おかけしますが、ご確認のほどよろしくお願いいたします。
ご回答、ありがとうございます。
2025/10/11 08:19ブログカードにつきまして、承知しました。
いつかバージョンアップの時に、対応いただけると大変うれしく存じます。
＞こちらのマニュアルでご案内している設定は、オンにされていますでしょうか。
→はい、ONにしています。
「カスタマイズ」>「その他設定」で「アイキャッチ画像をオリジナルサイズで利用する」をON
現在トップページに表示されている画像が、下記の両方が混ざっています。これは関係ありますでしょうか？実際の環境でテストできず、申し訳ありません。
・長方形の画像（きれいに表示）
・正方形の画像（トリミングされてしまう）
引き続き、どうぞよろしくお願いいたします。
ご確認いただき、ありがとうございます。
2025/10/12 21:06" 現在トップページに表示されている画像が、下記の両方が混ざっています。これは関係ありますでしょうか？実際の環境でテストできず、申し訳ありません。
・長方形の画像（きれいに表示）
・正方形の画像（トリミングされてしまう）"
↓
こちらでも長方形・正方形は混ぜて検証していますが、問題なく表示できております（長方形は長方形に、正方形は正方形に表示）。
「実際の環境でテストできず」というのは、どういう状況でしょうか...？
ご確認よろしくお願いいたします。
ご回答、ありがとうございます。
＞こちらでも長方形・正方形は混ぜて検証していますが、問題なく表示できております（長方形は長方形に、正方形は正方形に表示）。
→検証ありがとうございます。
tsu_さまの方では、正方形に表示されているのですね。なぜなのでしょう...><
PCのスクリーンショットを添付しましたのでご確認お願いします、こちらではやはりトリミングされます。スマホでも同様です。
強制キャッシュクリアしていて、念のためシークレットモードにしています。
＞「実際の環境でテストできず」というのは、どういう状況でしょうか...？
→長方形と正方形を混ぜないという検証ができず、という意味でした。
・動作環境を追加します
WordPressのバージョン 6.8.3
PHPのバージョン PHP8.1.32
JINRのバージョン 1.4.6
サーバー Xserver
ブラウザ Chrome
OS Win11
確認したスマホはAndroid 12 Chrome
お手数おかけしますが引き続きよろしくお願いいたします。
2025/10/12 22:06詳細の情報ありがとうございます。
2025/10/14 00:38テーマのサイズ仕様の影響かもしれないので、一度、765×765pxの画像をご用意いただき、その画像での表示状況をご確認いただけますでしょうか。
お手数おかけして申し訳ございませんが、よろしくお願いいたします。
ありがとうございます。
765×765pxの画像を設定しましたが、私のPCとスマホで見る限りトリミングされております。
スクリーンショットを添付しますのでご確認お願いいたします。
2025/10/15 13:20ご確認ありがとうございます。
こちらの環境下で確認するとPCでは正方形になっていますので、それについてはキャッシュの影響かと思われますが、スマホに関しましては、現在の仕様上、かなり小さいサイズでのアイキャッチを使う必要がございます（360×360）。
その他の手段としましては、別途で独自カスタマイズしていただく形になってしまいます。
ご希望に添えず申し訳ございません。
今回の内容はご要望として開発チームに共有いたしました。
ご確認の程よろしくお願い申し上げます。
2025/10/15 18:13ご回答ありがとうございました。
2025/10/15 18:37今回は正方形をあきらめて、長方形を使おうと思います。
ご丁寧に対応いただいて、ありがとうございました。