こんにちは😃
サムネイル画像の部分というのは、黄緑色の枠線で囲った部分という認識で間違いありませんか？
この部分のソースコードの class などを確認したところ、確かに「Stackable」プラグインが使われていると思います。
Stackable – Page Builder Gutenberg Blocks
https://ja.wordpress.org/plugins/stackable-ultimate-gutenberg-blocks/
編集画面がわからないので、推測ですが、「Stackable Design Library」の中にある、パターンか、あるいはブロックの組み合わせのどちらかではないのかな？と思います。
なお、画像をギャラリーのように表示させたい場合には、WordPress で標準で利用できる「カラム」ブロック、「ギャラリー」ブロックの組み合わせでも同様のレイアウトで配置ができます。
https://ja.wordpress.org/support/article/gallery-block/
サムネイル画像と言うのはご指摘の通りです。
解決法としては、Stackable をもう一度勉強して（恐らくアップデートが入って以前とはインタフェースが変わっていると思われる）やるのと、ご提案のWordPress で標準で利用できる「カラム」ブロック、「ギャラリー」ブロックの組み合わせで（全部やり直しになるので正直億劫です）やるのもありますが、コピペをベースに何とかできないものかと考えております。なので、その場合の解決法はあるでしょうか。それとも、stackableを使っているせいで、問題の原因は見つけにくいのでしょうか。
おそらくは、そのコードの外側で、追加のCSSが組み込まれているのではないかと推測します。
いっそのこと、ページ丸ごと複製して、書き直したらどうですか。「Yoast Duplicate Post」とか使ったら、簡単にページ丸ごと複製できます。
mokkosan さんのご提案は良いアイディアだと思います。画像のURL の部分（ https://~ ）の部分を書き換えて保存し、表示に問題がないかご確認ください。
それで崩れてしまう時は、やはりアップデートの影響だと思いますので、ブロックで作り直すなどの対応が必要かと思います。
アドバイスをありがとうございます。「URLの部分を書き換えて・・・」とは、具体的にはどの様に書き換えるのでしょうか？基礎知識が足りなくてすみません。
URLの部分とは、例えば以下の部分のことですよね。
href=”https://mit-cardesign-t.com/en/front/illustrations-en/hiroshi-kuroki/#kuro-9034vr-4″><img src=”https://mit-cardesign-t.com/wp-content/uploads/2022/08/kuro-9034vr-thm.jpg” alt=”Hiroshi Kuroki Galant vr4″ class=”wp-image-6693″/></a></figure>
<!– /wp:image –>
あと、CSSを確認しましたが、このページでは「背景色の指定」と、各ページで「ナビゲーションバーを中央に表示する指定」だけでした。
それから、「アップデートの影響」というのは、Wordpressのアップデートの影響で、コードはそのままでも表示が変わってしまうという意味でしょうか。だとするとアップデートしない方が良いのかと考えてしまいます。
以上よろしくお願いいたします。
ご確認ありがとうございます。
href 属性の部分は、リンク先を指定している URL ですので、ここは変更しないでください。
img src の部分が画像の埋め込み部分ですので、この後の画像のURLを変更してください。
ご提示いただいているコードですと…..
https://mit-cardesign-t.com/wp-content/uploads/2022/08/kuro-9034vr-thm.jpg
上記の部分です。
新しい画像をメディアにアップロードして、パスをコピーしてURLを書き換える。という流れになります。
また、アップデートしないままの方が良いのでは？とのご質問ですが、WordPress 本体やプラグインをアップデートしないままの古いバージョンのままですと、サイト全体への影響もありますので、アップデートすべきと考えた方がよいです。
例えば、古いバージョンで見つかっている脆弱性を突いた不正アクセスのリスクが増える、新しいブラウザのバージョンでは表示できない（あるいは崩れるなど）など。
モデレーター
まーちゅう
(@rocketmartue)
こんにちは。
再利用したいレイアウトが有る場合は、コードをコピペせずに非同期のパターンに登録してパターンから呼び出すか、単純にブロックのツールバーにある3点メニューからブロックをを複製（ショートカットの場合は、Ctrl+Shift+D）してみてください。
どちらも複数のブロックを選択した状態で実行できます。
グループ化してからパターン登録や複製するのが選択しやすいと思います。
その後、テキストと画像を差し替えればOKです。
アップデートの影響については、現状表示が崩れていないので問題無いと思います。
セキュリティ面からいえば、Asakawaさんが書かれているようにアップデートして最新の状態にするのがベストです。
皆様に色々アドバイスをいただきましたが、色々やっている内に解決しました。
元のコードをコピペした時点では、画像下のスペースは正常ですが、サムネイル画像を新規のものに置換えてプレヴューを見ると画像下のスペースが無くなり画像が上下で接しています。この時点で、元々あった、サムネイル画像から、「イラストレーター」ページのイラスト画像へのリンクは自動的に失われています。そこで、サムネイルに新しいリンクを貼ると、何故か画像下のスペースがもとどおり出てくるのです。なぜこんなことになるのか不思議です。
以前は、リンクを設定する前でも画像の下にスペースが出ていたはずなのですが、stackableのアップデートのせいで表示の仕方が変わったのかも知れません。何かその辺の理由がお分かりでしたら参考に教えて下さい。
「まーちゅう」さんのやり方でも、うまく行くことを確認しました。今後はこのやり方を活用しようと思います。
皆さん、ご協力ありがとうございました。
