すみません、追記です。

アイキャッチに縦長画像を選択した時だけ、PCでは550px幅にして中央揃えにしたいです。

横長画像の時は、700pxです。

モバイルでは、横長、縦長画像も700pxのままです。

すみません、ワードプレスのことはあまり知識がありません。

これで意味わかりますでしょうか。

お手数ですが、おわかりになる方、ご教授をお願いいたします。

https://hurubitaie.com

実際に CSS を書いて試したいため、Cocoon 設定 > 高速化で「CSSを縮小化する」を無効にしていただけないでしょうか。

AKira様、ご連絡ありがとうございます！

「CSSを縮小化する」を無効にしました。

お手数ですが、なにとぞよろしくお願いいたします。

@nobu5555 さん

まだ CSS が縮小されています。原因は、LiteSpeed Cache と WP Fastest Cache が有効になっているためだと思います。

また、ページキャッシュプラグインは、どちらか 1 つのみお使いになるのをおすすめします。2 つ以上の使用は、不具合の原因になり得ます。

縮小されているため実際に試せていませんが、子テーマの style.css への CSS の追加で一応ご希望に沿うとは思います。

.entry-card .entry-card-thumb {
  text-align: center;
}

.entry-card img {
  width: auto;
}

ただし、「アイキャッチに縦長画像を選択した時だけ」の指定は、CSS だけでは無理です。

また、画像の中央の配置は、端が揃わないのが私は気になります。

縦長画像が大きくならない上に、端を揃えるために、私であれば画像を任意のアスペクト比で切り取ります。

この方法の場合は、下記の CSS を子テーマの style.css に追加します。

.entry-card img {
  /* アスペクト比の指定 */
  aspect-ratio: 16 / 9;
  /* 画像を切り取る */
  object-fit: cover;
}

Akira様、ご対応ありがとうございます！

Style.cssに最初のコードを書いたところ、自分の希望していたものでした！

2つ目のコード（アスペクト比指定＆画像を切り取り）を入れましたところ、自分には変化が見られませんでした。

自分は特に端を揃えなくてもいいかな、と思っています。

ページキャッシュプラグインにつきましても、ご指摘ありがとうございます。

一つにしぼって、WP Fastest Cache だけにしようと思います。

長きにわたり、アイキャッチの縦長画像のサイズ変更の仕方がどうしてもわからなく、やっと本日解決できました。

Akira様が質問に反応してくださり、本当にありがたかったです。

HP作りはまだまだ未熟であるため、またつまづいた際には質問させていただきます。

また、機会がありましたらよろしくおねがいいたします。

のちほど、解決済みにさせていただきますね。

申し訳ないです。書き忘れていました。念の為、追記しておきます。

任意のアスペクト比で切り取る 2 つ目の CSS をお書きになる場合は、最初に提示した ↓ の CSS の削除が必要です。

.entry-card .entry-card-thumb {
  text-align: center;
}

.entry-card img {
  width: auto;
}

※ 画像の width が auto だと切り取ってくれないため。

AKira様、ご丁寧にご連絡ありがとうございます。

ご連絡の通り、一つ目のコードを削除して、2つ目のコードを追加しても、前と変化がありませんでした。

aspect-ratioの文字が赤くなりびっくりマークが付いています。

シフトキーを押してリロードしましたが変化が見られませんでした。。

一つ目のコードだけでも自分には十分ですので、お気になさらなくて大丈夫です。

Akira様　すみません、さきほどよく確認せずにメッセージを送ってしまいました。

2つめコードちゃんと反映されました。

確認したところ、整然と均一にアイキャッチが並んでますね！

おっしゃる通りにしたほうが、見やすくおしゃれかもしれません。

でも、やはりアイキャッチは1つ目コードを反映し、写真全体を載せたいと思います。

写真がガタガタに並んでるように見えてしまいますが。

Akira様、プロの目でアイデアを出してくださりご親切に本当にありがとうございました。

また、機会がありましたら、よろしくお願いいたします。