3mcdt

問題は解決しました。

問題のあったページは、元は「イラストレーション」の記事として作り、下書きとして保存したあったものを再活用したものでした。なので、理由は分かりませんが何かしらの「癖」の様なものがあるかも知れないと考え、「新規作成」ページに、問題のあったページから内容をコピペして作ったところ問題は解決しました。

お騒がせしました。

皆様に色々アドバイスをいただきましたが、色々やっている内に解決しました。

元のコードをコピペした時点では、画像下のスペースは正常ですが、サムネイル画像を新規のものに置換えてプレヴューを見ると画像下のスペースが無くなり画像が上下で接しています。この時点で、元々あった、サムネイル画像から、「イラストレーター」ページのイラスト画像へのリンクは自動的に失われています。そこで、サムネイルに新しいリンクを貼ると、何故か画像下のスペースがもとどおり出てくるのです。なぜこんなことになるのか不思議です。

以前は、リンクを設定する前でも画像の下にスペースが出ていたはずなのですが、stackableのアップデートのせいで表示の仕方が変わったのかも知れません。何かその辺の理由がお分かりでしたら参考に教えて下さい。

サムネイル画像と言うのはご指摘の通りです。

解決法としては、Stackable をもう一度勉強して（恐らくアップデートが入って以前とはインタフェースが変わっていると思われる）やるのと、ご提案のWordPress で標準で利用できる「カラム」ブロック、「ギャラリー」ブロックの組み合わせで（全部やり直しになるので正直億劫です）やるのもありますが、コピペをベースに何とかできないものかと考えております。なので、その場合の解決法はあるでしょうか。それとも、stackableを使っているせいで、問題の原因は見つけにくいのでしょうか。

仮のトップページをもう一度チェックしたところ、カスタムCSSが書いて無く、これは書いた後に保存してなかったせいかと思います。カスタムCSSにコードを書きこみ保存したところ、正常に5件表示になりました。こちらのミスでした。

ところで、トップページでは背景を黒にして、フォントは明るいベージュにしているのですが、これはトップページ側で設定できるのでしょうか。もし設定できないとなると、新着情報側をトップページの設定にするしかないのでしょうか？

先ほどのがリンクだったのでURLで送ります。

https://mit-cardesign-t.com/?page_id=10792&preview=true

Tsushima様

詳しい説明をありがとうございます。

その通りにやってみました。　top-news　と　.top-news p:nth-child(n+6) { display: none;}　は、各々追加CSSクラスとカスタムCSSにコピペしました。すると、新着情報ページ全体（12件）が、現在仮で編集しているトップページに表示されます。コードの中で「5件」を指定しているのは（ｎ+６）なのかと思いますが、これが機能していないのは何故なのでしょう。

Tsushima様　ありがとうございます。

 「段落以外のブロック（例えば画像）が含まれる場合」というのは、現状のトップページの一番下にあるリンク用アイコンの入っているブロックも含まれるのでしょうか。だとするとこれを削除してどこか別の所に移す必要がありますね。

私にとっては固定ページを「記事一覧」として表示する必要はありません。ですので、お知らせを一つ一つ書きこむことにします。つまり、現状の「新着記事」と同じ体裁にします。その場合、どの様にすれば良いでしょうか。というのは、今あるブロックの上に新しいブロックを4段積み重ねて文章を書いた上で、教えて頂いた「表示 / ページあたりの項目数」で２と設定したのですが、4段すべてが表示されたままであり、これでは何かやり方が間違っている様です。