WP5.3で検証

ウィジェット

RSS（WP5.2〜）

デフォルト表示

<ul class="wp-block-rss">
	<li class="wp-block-rss__item"><div class="wp-block-rss__item-title"><a href="#">タイトルが入ります</a></div></li>
	<li class="wp-block-rss__item"><div class="wp-block-rss__item-title"><a href="#">タイトルが入ります</a></div></li>
	<li class="wp-block-rss__item"><div class="wp-block-rss__item-title"><a href="#">タイトルが入ります</a></div></li>
	<li class="wp-block-rss__item"><div class="wp-block-rss__item-title"><a href="#">タイトルが入ります</a></div></li>
	<li class="wp-block-rss__item"><div class="wp-block-rss__item-title"><a href="#">タイトルが入ります</a></div></li>
</ul>

ブロック設定パネル

高度な設定

RSS設定
項目数（1〜10）
投稿者を表示
日付を表示
抜粋を表示（最大文字数を10〜100で指定）

<ul class="wp-block-rss">
	<li class="wp-block-rss__item">
		<div class="wp-block-rss__item-title"><a href="#">タイトルが入ります</a></div>
		<time datetime="" class="wp-block-rss__item-publish-date">2019年11月25日</time> <span class="wp-block-rss__item-author">by 著者名</span>
		<div class="wp-block-rss__item-excerpt">抜粋を表示します抜粋を表示します […]</div>
	</li>
	<li class="wp-block-rss__item">
		<div class="wp-block-rss__item-title"><a href="#">子タイトルが入ります</a></div>
		<time datetime="" class="wp-block-rss__item-publish-date">2019年11月21日</time> <span class="wp-block-rss__item-author">by 著者名</span>
		<div class="wp-block-rss__item-excerpt">抜粋を表示します抜粋を表示します抜粋を表示します抜粋を表示します抜粋を表示します […]</div>
	</li>
</ul>

スタイル設定

標準スタイル

.wp-block-rss.alignleft {
    margin-right:2em
}

.wp-block-rss.alignright {
    margin-left:2em
}

.wp-block-rss.is-grid {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    list-style:none
}

.wp-block-rss.is-grid li {
    margin: 0 16px 16px 0;
    width:100%
}

@media (min-width: 600px) {
    .wp-block-rss.columns-2 li {
        width:calc(50% - 16px)
    }

    .wp-block-rss.columns-3 li {
        width:calc(33.33333% - 16px)
    }

    .wp-block-rss.columns-4 li {
        width:calc(25% - 16px)
    }

    .wp-block-rss.columns-5 li {
        width:calc(20% - 16px)
    }

    .wp-block-rss.columns-6 li {
        width:calc(16.66667% - 16px)
    }
}

.wp-block-rss__item-author, .wp-block-rss__item-publish-date {
    display: block;
    color: #6c7781;
    font-size:13px
}

ブロック制御コメント

開始タグのみ。終了タグなし。

<!-- wp:rss {"feedURL":"https://wpqw.jp/feed"} /-->

<!-- wp:rss {"feedURL":"https://wpqw.jp/feed","itemsToShow":3,"displayExcerpt":true,"displayAuthor":true,"displayDate":true} /-->