リスト表示にする

参考:公式サポートサイト

一覧での文字数を多めに表示したくて、その場合カード表示よりもリスト表示の方が見やすいと思ったので、変えました。

「抜粋の文字数」は上限の200文字にしました。

No image画像を非表示にする(力技)

このブログでは基本的にアイキャッチ画像は設定しないので、何もしなければNo image画像が並ぶことになります。

No image画像が並んだ記事一覧ページ

見栄えがよくないので「追加CSS」にCSSを加筆することで、消します。
参考:公式サポートサイト

今回加筆したCSSはこれです。「srcset属性にnoimageという文字を含んだimgタグを子供に持つ、articleList__item–flgクラスのfigureタグを非表示にする」という意味になります。

figure.articleList__item--fig:has(img[srcset*="noimage"]) {
  display: none;
}

こうするとNo image画像だけが非表示になります。

No image画像が並んでない記事一覧ページ