前略、JJOI さん

その場合ですが、添付いただいた画像とはちょっと異なってしまうのですが、以下の２つの選択肢があるような気がします。

リストタイトル と もっと見るボタン を含む場合。

.list-new-entries {
   border: 2px solid #ccc;
}

リストタイトル と もっと見るボタン は含まない場合。

.list.ect-entry-card.front-page-type-category-2-columns {
   border: 2px solid #ccc;
}

早速ありがとうございます！

リストタイトル と もっと見るボタン は含まない場合でもきれいになりましたのでそちらを参考にさせていただきます！

ちなみに新着記事の下のもっと見るは「新着記事一覧へ」などに名称変更することは可能なのでしょうか？

@jjoi さん

私はやったことがないので、よくわからないのですが、以下のようなトピックがあります。

「もっと見る」ボタンのキャプションを変更する方法。

ただ function.php の記述を間違えた場合など、画面が真っ白になってしまうことがあるみたいです。

その場合は、FTPソフトなどで、サーバー内の function.php の記述を修正するか、削除するなどの必要が出てくるケースもあるようです。

FTPソフトを使ったことがない場合などは、注意が必要です。

@jjoi さん

上記の方法ですと、「もっと見る」ボタン全てが変わってしまうだろうと思います。

新着記事のボタンだけ、というのは私にはわかりません。

@jjoi さん

追伸：もし、「フロントページタイプ」ではなく、固定ページで、ボタンを設定されていらっしゃるのでしたら、ボタンをご自身で設定されたはずです。

ショートコードと組み合わせて、独自のボタンを設定されたのでしたら、どのような文字にも変更可能なはずです。

「フロントページタイプ」をご利用されていらっしゃる場合は、前述のとおりです。

もっと見るはすべて変更されること承知しました！

回答いただきありがとうございます！

このままでいこうと思います！

@jjoi  さん

.list.ect-entry-card.front-page-type-category-2-columns {
   border: 2px solid #ccc;
}

だけだと、カテゴリーページにも枠線が付いてしまうようです。

トップページだけに適用させるには、トップページの body タグだけに付与されているclassセレクタを先頭に付けるとよいのではないかと思います。

.front-top-page .list.ect-entry-card.front-page-type-category-2-columns {
   border: 2px solid #ccc;
}

これでイケそうな気がするのですが・・

早速試させていただきました！

カテゴリページまで確認できておらず、リフィトリーさんのおっしゃる通り枠線が表示されておりました。

ご提案いただきました方法を試すと無事フロントページのみに適用されましたのでご報告させていただきます。

今回もありがとうございました（__）

@jjoi さんにオススメの記事とトピック。

WordPressテーマのCSSカスタマイズ向けChromeデベロッパーツールの使い方

【初心者向け】WordPressやCSS初心者向けの記事を紹介するトピック