[ 解決済 ] カスタム投稿タイプのアイキャッチ画像が見切れる

[takeshi819]

■ WordPress のバージョン
6.0

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit

■ テーマのバージョン
14.20.3

■ Pro Unit のバージョン
9.76.0.1

■ スキンの種類
Origin III

■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
確認しました。

■ 期待する動作
カスタム投稿タイプのアイキャッチ画像の上部が見切れてしまいます。
見切れない様に出来ないでしょうか？

2022年1月9日 1:03 AM #60258
こちらの質問で確認して見ましたが、余白が出てしまうので
写真によってばらつきが出てしまいます。

■ 自分で試した事
2022年1月9日 1:03 AM #60258の対応

■ 症状が発生するブラウザ
chrome

■ 実際の症状
アイキャッチ画像が見切れてしまう

[うなこ]

こちらを参考にされたということですね。

カード表示でアイキャッチ画像の上下が切れる

アイキャッチ画像の比率がバラバラの場合は、ぴったり合わせるのがむずかしいかもしれませんが、もし差し支えなければ現状のサイトのURLを添付いただけますと回答が得られやすくなると思います、

• この返信は2年、 7ヶ月前にうなこが編集しました。

[takeshi819]

うなこさん

返信ありがとうございます。
はいこちらを参考にし上下の見切れは防止できますが、余白が出てしまうのが気になります。

他に試してみた事は、画像サイズの変更や
画像の比率を16:9、4:3に変更しました。
あと設定→メディアからサムネイルのサイズ変更、
チェックボックスのオン、オフを試しています。

lightningではアイキャッチ画像サイズの
推奨サイズはあるのでしょうか？
また推奨サイズにする事で上下の見切れは防止出来るのでしょうか？

[対馬 俊彦]

lightningではアイキャッチ画像サイズの
推奨サイズはあるのでしょうか？

推奨サイズには以下の2つの観点があります。

* 縦横比
* ピクセルサイズ

今回の質問に関係するのは前者の「縦横比」ですが、
縦横比については表示される場所によって条件が変わってくるので、
推奨というのは特にないと思います。

例えば、アーカイブページの表示タイプが「カード」の場合は、
横100：縦62 の比率で画像を用意すると欠けたり余白が生じたりせずに、
ぴったりと表示されて、気分がいいです。

ただし、別の場所ではアイキャッチ画像が正方形や縦長で表示されたりもしますので、
私は、画像が欠けることを前提に、
大事な部分が中央付近に配置されるアイキャッチ画像を用意しています。

[takeshi819]

対馬さん

ご返信ありがとうございました。

＞例えば、アーカイブページの表示タイプが「カード」の場合は、
＞横100：縦62 の比率で画像を用意すると欠けたり余白が生じたりせずに、
上記でぴったりきました。
ただし、ユーザさんが年配なこともあり

＞大事な部分が中央付近に配置されるアイキャッチ画像を用意しています。
後者のこちらで対応をお願いしようと考えています。

[Vektor,Inc]

解決した場合は解決した返信に「ベストアンサー」の付与をお願いしております。

対馬さんの回答の所にベストアンサーをつけるボタンが表示されていると思いますので、
表示されていたら是非ベストアンサーをつけていただけますと嬉しいです。

今後ともよろしくお願いいたします。

• この返信は2年、 7ヶ月前にVektor,Incが編集しました。

[投稿者]

投稿