[ 解決済 ] 前の記事、次の記事のカスタマイズについて

[まき]

■ WordPress のバージョン
6.7.1

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

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

■ テーマのバージョン
0.29.2

■ Pro Unit のバージョン
8.23.6

■ スキンの種類
Origin III

■ 期待する動作
いつもお世話になっております。
本年も宜しくお願いいたします。

前の記事、次の記事のカスタマイズについて質問をお願いします。

対馬 俊彦 様 の下記サイトを参考にさせて頂いてカスタマイズをしております。

前の記事・次の記事のレイアウトやデザインをカスタマイズ

それで、添付画像のように投稿ページとカスタム投稿ページで違った表示になるのですが、原因がわかりません。
カスタム投稿タイプの方はアイキャッチ画像が正方形になります。

アイキャッチ画像無しの場合は同じ表示になります。
iPad（Chrome、Safari）ではアイキャッチ画像有りでも同じ表示になります。

以上、宜しくお願いいたします。

■ 自分で試した事
フィルターフック・CSSの確認、貼り直し

■ 症状が発生するブラウザ
Chrome、Edge

■ 実際の症状
投稿ページとカスタム投稿ページで、前の記事、次の記事の表示が異なる症状

Attachments:

You must be logged in to view attached files.

---

該当URL : https://*********

※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

[対馬 俊彦]

根本的な解決策ではないのですが、こうすればよさそう…って案を書きます。

アイキャッチ画像の sizes の指定に auto があったりなかったりするために高さが一定にならない状況のようです。

この原因と対策について調べてみたのですが、私だとかんたんにはわかりそうにないです。

以下の CSS を書けば、とりあえず高さを揃えることができます。

.next-prev .vk_post_imgOuter_img {
    height: 100px;
}

100px の部分はお好みでどうぞ。

【補足情報】
カスタム投稿タイプでもアイキャッチ画像が正方形になっていないところもあります。
→ https://daiya-ib.co.jp/blog/8830/

[まき]

対馬 様

ご教示いただきましたCSSにて希望通りの表示となりました！

早速のご対応、誠にありがとうございました m(__)m

[投稿者]

投稿