リスト表示にする
参考:公式サポートサイト
一覧での文字数を多めに表示したくて、その場合カード表示よりもリスト表示の方が見やすいと思ったので、変えました。
「抜粋の文字数」は上限の200文字にしました。
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画像だけが非表示になります。