第四段。終わりが見えてきました!

WordPress 5.2.2搭載のGutenbergで確認しています(2019/8/30追記)

目次

ショートコード

1

Gutenbergでもショートコードを使うことが可能です。
上のCodePenはショートコードでembedしてくれるプラグインを入れています。

アーカイブ

デフォルト

<ul class="wp-block-archives wp-block-archives-list">
	<li><a href="/2019/07/">2019年7月</a></li>
	<li><a href="/2019/06/">2019年6月</a></li>
	<li><a href="/2019/05/">2019年5月</a></li>
</ul>

※ li要素省略しています

左寄せ

<ul class="wp-block-archives alignleft wp-block-archives-list">
	<li><a href="/2019/07/">2019年7月</a></li>
	<li><a href="/2019/06/">2019年6月</a></li>
	<li><a href="/2019/05/">2019年5月</a></li>
</ul>

中央寄せ

<ul class="wp-block-archives aligncenter wp-block-archives-list">
	<li><a href="/2019/07/">2019年7月</a></li>
	<li><a href="/2019/06/">2019年6月</a></li>
	<li><a href="/2019/05/">2019年5月</a></li>
</ul>

右寄せ

<ul class="wp-block-archives alignright wp-block-archives-list">
	<li><a href="/2019/07/">2019年7月</a></li>
	<li><a href="/2019/06/">2019年6月</a></li>
	<li><a href="/2019/05/">2019年5月</a></li>
</ul>

アーカイブ設定:ドロップダウンで表示

<div class="wp-block-archives wp-block-archives-dropdown">
	<label class="screen-reader-text" for="wp-block-archives-5d68d4a3935d1">アーカイブ</label>
	<select id="wp-block-archives-5d68d4a3935d1" name="archive-dropdown" onchange="document.location.href=this.options[this.selectedIndex].value;">
		<option value="">月を選択</option>
		<option value="/2019/07/"> 2019年7月 </option>
		<option value="/2019/06/"> 2019年6月 </option>
		<option value="/2019/05/"> 2019年5月 </option>
	</select>
</div>

アーカイブ設定:投稿数を表示

<ul class="wp-block-archives wp-block-archives-list">
	<li><a href="/2019/07/">2019年7月</a> (1)</li>
	<li><a href="/2019/06/">2019年6月</a> (3)</li>
	<li><a href="/2019/05/">2019年5月</a> (3)</li>
</ul>

カレンダー

デフォルト

2019年7月
« 6月   10月 »
1234567
891011121314
15161718192021
22232425262728
293031  
<div class="wp-block-calendar">
	<table id="wp-calendar">
		<thead>
			<tr>
				<th scope="col" title="月曜日">月</th>
				<th scope="col" title="火曜日">火</th>
				<th scope="col" title="水曜日">水</th>
				<th scope="col" title="木曜日">木</th>
				<th scope="col" title="金曜日">金</th>
				<th scope="col" title="土曜日">土</th>
				<th scope="col" title="日曜日">日</th>
			</tr>
		</thead>

		<tfoot>
		<tr>
			<td colspan="3" id="prev"><a href="/2019/07/">« 7月</a></td>
			<td class="pad"> </td>
			<td colspan="3" id="next" class="pad"> </td>
		</tr>
		</tfoot>

		<tbody>
		<tr>
			<td colspan="3" class="pad"> </td><td>1</td><td>2</td><td>3</td><td>4</td>
		</tr>
		<tr>
			<td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td>
		</tr>
		<tr>
			<td>12</td><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td><td>18</td>
		</tr>
		<tr>
			<td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td>
		</tr>
		<tr>
			<td>26</td><td>27</td><td>28</td><td>29</td><td id="today">30</td><td>31</td>
			<td class="pad" colspan="1"> </td>
		</tr>
		</tbody>
	</table>
</div>

左寄せ

2019年7月
« 6月   10月 »
1234567
891011121314
15161718192021
22232425262728
293031  
<div class="wp-block-calendar alignleft">
	<table id="wp-calendar">
		<caption>2019年8月</caption>
		<thead>
			<tr>
				<th scope="col" title="月曜日">月</th>
				<th scope="col" title="火曜日">火</th>
				<th scope="col" title="水曜日">水</th>
				<th scope="col" title="木曜日">木</th>
				<th scope="col" title="金曜日">金</th>
				<th scope="col" title="土曜日">土</th>
				<th scope="col" title="日曜日">日</th>
			</tr>
		</thead>

		<tfoot>
		<tr>
			<td colspan="3" id="prev"><a href="/2019/07/">« 7月</a></td>
			<td class="pad"> </td>
			<td colspan="3" id="next" class="pad"> </td>
		</tr>
		</tfoot>

		<tbody>
		<tr>
			<td colspan="3" class="pad"> </td><td>1</td><td>2</td><td>3</td><td>4</td>
		</tr>
		<tr>
			<td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td>
		</tr>
		<tr>
			<td>12</td><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td><td>18</td>
		</tr>
		<tr>
			<td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td>
		</tr>
		<tr>
			<td>26</td><td>27</td><td>28</td><td>29</td><td id="today">30</td><td>31</td>
			<td class="pad" colspan="1"> </td>
		</tr>
		</tbody>
	</table>
</div>

中央寄せ

2019年7月
« 6月   10月 »
1234567
891011121314
15161718192021
22232425262728
293031  
<div class="wp-block-calendar aligncenter">
	<table id="wp-calendar">
		<caption>2019年8月</caption>
		<thead>
			<tr>
				<th scope="col" title="月曜日">月</th>
				<th scope="col" title="火曜日">火</th>
				<th scope="col" title="水曜日">水</th>
				<th scope="col" title="木曜日">木</th>
				<th scope="col" title="金曜日">金</th>
				<th scope="col" title="土曜日">土</th>
				<th scope="col" title="日曜日">日</th>
			</tr>
		</thead>

		<tfoot>
		<tr>
			<td colspan="3" id="prev"><a href="/2019/07/">« 7月</a></td>
			<td class="pad"> </td>
			<td colspan="3" id="next" class="pad"> </td>
		</tr>
		</tfoot>

		<tbody>
		<tr>
			<td colspan="3" class="pad"> </td><td>1</td><td>2</td><td>3</td><td>4</td>
		</tr>
		<tr>
			<td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td>
		</tr>
		<tr>
			<td>12</td><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td><td>18</td>
		</tr>
		<tr>
			<td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td>
		</tr>
		<tr>
			<td>26</td><td>27</td><td>28</td><td>29</td><td id="today">30</td><td>31</td>
			<td class="pad" colspan="1"> </td>
		</tr>
		</tbody>
	</table>
</div>

左寄せ

2019年7月
« 6月   10月 »
1234567
891011121314
15161718192021
22232425262728
293031  
<div class="wp-block-calendar alignright">
	<table id="wp-calendar">
		<caption>2019年8月</caption>
		<thead>
			<tr>
				<th scope="col" title="月曜日">月</th>
				<th scope="col" title="火曜日">火</th>
				<th scope="col" title="水曜日">水</th>
				<th scope="col" title="木曜日">木</th>
				<th scope="col" title="金曜日">金</th>
				<th scope="col" title="土曜日">土</th>
				<th scope="col" title="日曜日">日</th>
			</tr>
		</thead>

		<tfoot>
		<tr>
			<td colspan="3" id="prev"><a href="/2019/07/">« 7月</a></td>
			<td class="pad"> </td>
			<td colspan="3" id="next" class="pad"> </td>
		</tr>
		</tfoot>

		<tbody>
		<tr>
			<td colspan="3" class="pad"> </td><td>1</td><td>2</td><td>3</td><td>4</td>
		</tr>
		<tr>
			<td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td>
		</tr>
		<tr>
			<td>12</td><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td><td>18</td>
		</tr>
		<tr>
			<td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td>
		</tr>
		<tr>
			<td>26</td><td>27</td><td>28</td><td>29</td><td id="today">30</td><td>31</td>
			<td class="pad" colspan="1"> </td>
		</tr>
		</tbody>
	</table>
</div>

幅広

2019年7月
« 6月   10月 »
1234567
891011121314
15161718192021
22232425262728
293031  
<div class="wp-block-calendar alignwide">
	<table id="wp-calendar">
		<caption>2019年8月</caption>
		<thead>
			<tr>
				<th scope="col" title="月曜日">月</th>
				<th scope="col" title="火曜日">火</th>
				<th scope="col" title="水曜日">水</th>
				<th scope="col" title="木曜日">木</th>
				<th scope="col" title="金曜日">金</th>
				<th scope="col" title="土曜日">土</th>
				<th scope="col" title="日曜日">日</th>
			</tr>
		</thead>

		<tfoot>
		<tr>
			<td colspan="3" id="prev"><a href="/2019/07/">« 7月</a></td>
			<td class="pad"> </td>
			<td colspan="3" id="next" class="pad"> </td>
		</tr>
		</tfoot>

		<tbody>
		<tr>
			<td colspan="3" class="pad"> </td><td>1</td><td>2</td><td>3</td><td>4</td>
		</tr>
		<tr>
			<td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td>
		</tr>
		<tr>
			<td>12</td><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td><td>18</td>
		</tr>
		<tr>
			<td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td>
		</tr>
		<tr>
			<td>26</td><td>27</td><td>28</td><td>29</td><td id="today">30</td><td>31</td>
			<td class="pad" colspan="1"> </td>
		</tr>
		</tbody>
	</table>
</div>

全幅

2019年7月
« 6月   10月 »
1234567
891011121314
15161718192021
22232425262728
293031  
<div class="wp-block-calendar alignfull">
	<table id="wp-calendar">
		<caption>2019年8月</caption>
		<thead>
			<tr>
				<th scope="col" title="月曜日">月</th>
				<th scope="col" title="火曜日">火</th>
				<th scope="col" title="水曜日">水</th>
				<th scope="col" title="木曜日">木</th>
				<th scope="col" title="金曜日">金</th>
				<th scope="col" title="土曜日">土</th>
				<th scope="col" title="日曜日">日</th>
			</tr>
		</thead>

		<tfoot>
		<tr>
			<td colspan="3" id="prev"><a href="/2019/07/">« 7月</a></td>
			<td class="pad"> </td>
			<td colspan="3" id="next" class="pad"> </td>
		</tr>
		</tfoot>

		<tbody>
		<tr>
			<td colspan="3" class="pad"> </td><td>1</td><td>2</td><td>3</td><td>4</td>
		</tr>
		<tr>
			<td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td>
		</tr>
		<tr>
			<td>12</td><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td><td>18</td>
		</tr>
		<tr>
			<td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td>
		</tr>
		<tr>
			<td>26</td><td>27</td><td>28</td><td>29</td><td id="today">30</td><td>31</td>
			<td class="pad" colspan="1"> </td>
		</tr>
		</tbody>
	</table>
</div>

カテゴリー

デフォルト

<ul class="wp-block-categories wp-block-categories-list">
	<li class="cat-item cat-item-10"><a href="/category/design/">Webデザイン</a>
	</li>
	<li class="cat-item cat-item-1"><a href="/category/program/">コーディング・プログラミング系</a>
	</li>
	<li class="cat-item cat-item-14"><a href="/category/recipe/" title="働きながら夜にささっと作れるレシピから休みの日に作る手の込んだレシピまで">料理レシピ</a>
	</li>
	<li class="cat-item cat-item-83"><a href="/category/other/">日記</a>
	</li>
	<li class="cat-item cat-item-65"><a href="/category/cat/">猫</a>
	</li>
	<li class="cat-item cat-item-96"><a href="/category/podium/">登壇系</a>
	</li>
</ul>

左寄せ

<ul class="wp-block-categories wp-block-categories-list alignleft">
	<li class="cat-item cat-item-10"><a href="/category/design/">Webデザイン</a>
</li>
	<li class="cat-item cat-item-1"><a href="/category/program/">コーディング・プログラミング系</a>
</li>
	<li class="cat-item cat-item-14"><a href="/category/recipe/" title="働きながら夜にささっと作れるレシピから休みの日に作る手の込んだレシピまで">料理レシピ</a>
</li>
	<li class="cat-item cat-item-83"><a href="/category/other/">日記</a>
</li>
	<li class="cat-item cat-item-65"><a href="/category/cat/">猫</a>
</li>
	<li class="cat-item cat-item-96"><a href="/category/podium/">登壇系</a>
</li>
</ul>

中央寄せ

<ul class="wp-block-categories wp-block-categories-list aligncenter">
	<li class="cat-item cat-item-10"><a href="/category/design/">Webデザイン</a>
</li>
	<li class="cat-item cat-item-1"><a href="/category/program/">コーディング・プログラミング系</a>
</li>
	<li class="cat-item cat-item-14"><a href="/category/recipe/" title="働きながら夜にささっと作れるレシピから休みの日に作る手の込んだレシピまで">料理レシピ</a>
</li>
	<li class="cat-item cat-item-83"><a href="/category/other/">日記</a>
</li>
	<li class="cat-item cat-item-65"><a href="/category/cat/">猫</a>
</li>
	<li class="cat-item cat-item-96"><a href="/category/podium/">登壇系</a>
</li>
</ul>

右寄せ

<ul class="wp-block-categories wp-block-categories-list alignright">
	<li class="cat-item cat-item-10"><a href="/category/design/">Webデザイン</a>
</li>
	<li class="cat-item cat-item-1"><a href="/category/program/">コーディング・プログラミング系</a>
</li>
	<li class="cat-item cat-item-14"><a href="/category/recipe/" title="働きながら夜にささっと作れるレシピから休みの日に作る手の込んだレシピまで">料理レシピ</a>
</li>
	<li class="cat-item cat-item-83"><a href="/category/other/">日記</a>
</li>
	<li class="cat-item cat-item-65"><a href="/category/cat/">猫</a>
</li>
	<li class="cat-item cat-item-96"><a href="/category/podium/">登壇系</a>
</li>
</ul>

カテゴリー設定:ドロップダウンで表示

<div class="wp-block-categories wp-block-categories-dropdown">
	<select name="cat" id="wp-block-categories-5" class="postform">
		<option value="-1">カテゴリーを選択</option>
		<option class="level-0" value="10">Webデザイン</option>
		<option class="level-0" value="1">コーディング・プログラミング系</option>
		<option class="level-0" value="14">料理レシピ</option>
		<option class="level-0" value="83">日記</option>
		<option class="level-0" value="65">猫</option>
		<option class="level-0" value="96">登壇系</option>
	</select>
</div>

カテゴリー設定:階層を表示

<ul class="wp-block-categories wp-block-categories-list">
	<li class="cat-item cat-item-10"><a href="/category/design/">Webデザイン</a>
</li>
	<li class="cat-item cat-item-1"><a href="/category/program/">コーディング・プログラミング系</a>
</li>
	<li class="cat-item cat-item-14"><a href="/category/recipe/" title="働きながら夜にささっと作れるレシピから休みの日に作る手の込んだレシピまで">料理レシピ</a>
</li>
	<li class="cat-item cat-item-83"><a href="/category/other/">日記</a>
</li>
	<li class="cat-item cat-item-65"><a href="/category/cat/">猫</a>
</li>
	<li class="cat-item cat-item-96"><a href="/category/podium/">登壇系</a>
</li>
</ul>

カテゴリー設定:投稿数を表示

<ul class="wp-block-categories wp-block-categories-list">
	<li class="cat-item cat-item-10"><a href="/category/design/">Webデザイン</a> (5)
	</li>
	<li class="cat-item cat-item-1"><a href="/category/program/">コーディング・プログラミング系</a> (37)
	</li>
	<li class="cat-item cat-item-14"><a href="/category/recipe/" title="働きながら夜にささっと作れるレシピから休みの日に作る手の込んだレシピまで">料理レシピ</a> (26)
	</li>
	<li class="cat-item cat-item-83"><a href="/category/other/">日記</a> (17)
	</li>
	<li class="cat-item cat-item-65"><a href="/category/cat/">猫</a> (5)
	</li>
	<li class="cat-item cat-item-96"><a href="/category/podium/">登壇系</a> (6)
	</li>
</ul>

最新の記事

デフォルトでリスト表示になっています。
並び替えとカテゴリーの絞り込み、表示件数(最大100件)が選べます。

デフォルト

<ul class="wp-block-latest-posts">
	<li><a href="/2019/07/08/2180/">Gutenbergのウィジェットのリスト(HTMLコード付き)</a></li>
	<li><a href="/2019/06/26/2182/">JBUG 神戸 #3に参加してきました #JBUG #JBUG神戸</a></li>
	<li><a href="/2019/06/14/2169/">テキストのみ含めることができる、シンプルなdlタグを出力するGutenbergブロックつくりました</a></li>
	<li><a href="/2019/06/10/2151/">Gutenbergのレイアウトのリスト(HTMLコード付き)</a></li>
	<li><a href="/2019/05/28/2135/">これからWordPressを運用するのにおすすめの一冊「WordPressのやさしい教科書。」</a></li>
</ul>

左寄せ

<ul class="wp-block-latest-posts alignleft">
	<li><a href="/2019/07/08/2180/">Gutenbergのウィジェットのリスト(HTMLコード付き)</a></li>
	<li><a href="/2019/06/26/2182/">JBUG 神戸 #3に参加してきました #JBUG #JBUG神戸</a></li>
	<li><a href="/2019/06/14/2169/">テキストのみ含めることができる、シンプルなdlタグを出力するGutenbergブロックつくりました</a></li>
	<li><a href="/2019/06/10/2151/">Gutenbergのレイアウトのリスト(HTMLコード付き)</a></li>
	<li><a href="/2019/05/28/2135/">これからWordPressを運用するのにおすすめの一冊「WordPressのやさしい教科書。」</a></li>
</ul>

中央寄せ

<ul class="wp-block-latest-posts aligncenter">
	<li><a href="/2019/07/08/2180/">Gutenbergのウィジェットのリスト(HTMLコード付き)</a></li>
	<li><a href="/2019/06/26/2182/">JBUG 神戸 #3に参加してきました #JBUG #JBUG神戸</a></li>
	<li><a href="/2019/06/14/2169/">テキストのみ含めることができる、シンプルなdlタグを出力するGutenbergブロックつくりました</a></li>
	<li><a href="/2019/06/10/2151/">Gutenbergのレイアウトのリスト(HTMLコード付き)</a></li>
	<li><a href="/2019/05/28/2135/">これからWordPressを運用するのにおすすめの一冊「WordPressのやさしい教科書。」</a></li>
</ul>

右寄せ

<ul class="wp-block-latest-posts alignright">
	<li><a href="/2019/07/08/2180/">Gutenbergのウィジェットのリスト(HTMLコード付き)</a></li>
	<li><a href="/2019/06/26/2182/">JBUG 神戸 #3に参加してきました #JBUG #JBUG神戸</a></li>
	<li><a href="/2019/06/14/2169/">テキストのみ含めることができる、シンプルなdlタグを出力するGutenbergブロックつくりました</a></li>
	<li><a href="/2019/06/10/2151/">Gutenbergのレイアウトのリスト(HTMLコード付き)</a></li>
	<li><a href="/2019/05/28/2135/">これからWordPressを運用するのにおすすめの一冊「WordPressのやさしい教科書。」</a></li>
</ul>

幅広

<ul class="wp-block-latest-posts alignwide">
	<li><a href="/2019/07/08/2180/">Gutenbergのウィジェットのリスト(HTMLコード付き)</a></li>
	<li><a href="/2019/06/26/2182/">JBUG 神戸 #3に参加してきました #JBUG #JBUG神戸</a></li>
	<li><a href="/2019/06/14/2169/">テキストのみ含めることができる、シンプルなdlタグを出力するGutenbergブロックつくりました</a></li>
	<li><a href="/2019/06/10/2151/">Gutenbergのレイアウトのリスト(HTMLコード付き)</a></li>
	<li><a href="/2019/05/28/2135/">これからWordPressを運用するのにおすすめの一冊「WordPressのやさしい教科書。」</a></li>
</ul>

全幅

<ul class="wp-block-latest-posts alignfull">
	<li><a href="/2019/07/08/2180/">Gutenbergのウィジェットのリスト(HTMLコード付き)</a></li>
	<li><a href="/2019/06/26/2182/">JBUG 神戸 #3に参加してきました #JBUG #JBUG神戸</a></li>
	<li><a href="/2019/06/14/2169/">テキストのみ含めることができる、シンプルなdlタグを出力するGutenbergブロックつくりました</a></li>
	<li><a href="/2019/06/10/2151/">Gutenbergのレイアウトのリスト(HTMLコード付き)</a></li>
	<li><a href="/2019/05/28/2135/">これからWordPressを運用するのにおすすめの一冊「WordPressのやさしい教科書。」</a></li>
</ul>

グリッド表示

リスト表示と同じく、左右中央、幅広、全幅を選択できます。
グリッドを選択した場合、「並べ替えと絞り込み」でカラム数の選択もできるようになります。

<ul class="wp-block-latest-posts is-grid columns-3">
	<li><a href="/2019/07/08/2180/">Gutenbergのウィジェットのリスト(HTMLコード付き)</a></li>
	<li><a href="/2019/06/26/2182/">JBUG 神戸 #3に参加してきました #JBUG #JBUG神戸</a></li>
	<li><a href="/2019/06/14/2169/">テキストのみ含めることができる、シンプルなdlタグを出力するGutenbergブロックつくりました</a></li>
	<li><a href="/2019/06/10/2151/">Gutenbergのレイアウトのリスト(HTMLコード付き)</a></li>
	<li><a href="/2019/05/28/2135/">これからWordPressを運用するのにおすすめの一冊「WordPressのやさしい教科書。」</a></li>
</ul>

投稿メタ設定:投稿日を表示

<ul class="wp-block-latest-posts has-dates">
	<li><a href="/2019/07/08/2180/">Gutenbergのウィジェットのリスト(HTMLコード付き)</a><time datetime="2019-07-08T23:59:10+09:00" class="wp-block-latest-posts__post-date">2019年7月8日</time></li>
	<li><a href="/2019/06/26/2182/">JBUG 神戸 #3に参加してきました #JBUG #JBUG神戸</a><time datetime="2019-06-26T21:09:18+09:00" class="wp-block-latest-posts__post-date">2019年6月26日</time></li>
	<li><a href="/2019/06/14/2169/">テキストのみ含めることができる、シンプルなdlタグを出力するGutenbergブロックつくりました</a><time datetime="2019-06-14T01:28:27+09:00" class="wp-block-latest-posts__post-date">2019年6月14日</time></li>
	<li><a href="/2019/06/10/2151/">Gutenbergのレイアウトのリスト(HTMLコード付き)</a><time datetime="2019-06-10T19:04:15+09:00" class="wp-block-latest-posts__post-date">2019年6月10日</time></li>
	<li><a href="/2019/05/28/2135/">これからWordPressを運用するのにおすすめの一冊「WordPressのやさしい教科書。」</a><time datetime="2019-05-28T17:13:52+09:00" class="wp-block-latest-posts__post-date">2019年5月28日</time></li>
</ul>

RSS

デフォルトはリスト表示です。RSS設定から表示数も選択できます。

デフォルト

<ul class="wp-block-rss">
	<li class="wp-block-rss__item"><div class="wp-block-rss__item-title"><a href="https://app.famitsu.com/20190830_1501512/">【黒ウィズ】秋の大感謝祭2019で最大100連分無料ガチャを実施!復帰時に挑みたい“はじまりの塔”を解説【ファミ通App連載企画】</a></div></li>
	<li class="wp-block-rss__item"><div class="wp-block-rss__item-title"><a href="https://app.famitsu.com/20190830_1502847/">『初音ミク』の新ゲームプロジェクト”プロジェクトセカイ”が始動!ティザームービーも公開</a></div></li>
	<li class="wp-block-rss__item"><div class="wp-block-rss__item-title"><a href="https://app.famitsu.com/20190830_1493734/">『ラグナロク マスターズ(ラグマス)』子デザートウルフは砂漠の都市モロクで捕まえろ!</a></div></li>
	<li class="wp-block-rss__item"><div class="wp-block-rss__item-title"><a href="https://app.famitsu.com/20190830_1503133/">『TEPPEN』の新カードパック“DAY OF NIGHTMARES”の発売が9/2に決定</a></div></li>
	<li class="wp-block-rss__item"><div class="wp-block-rss__item-title"><a href="https://app.famitsu.com/20190830_1503110/">『ハリー・ポッター:魔法同盟』8/31よりグローバルチャレンジ開催!9/7には待望のドラゴンが出現</a></div></li>
</ul>

グリッド表示

カラム数は変更できます。(デフォルトは2カラム、最大6カラム)

<ul class="wp-block-rss is-grid columns-2">
	<li class="wp-block-rss__item"><div class="wp-block-rss__item-title"><a href="https://app.famitsu.com/20190830_1501512/">【黒ウィズ】秋の大感謝祭2019で最大100連分無料ガチャを実施!復帰時に挑みたい“はじまりの塔”を解説【ファミ通App連載企画】</a></div></li>
	<li class="wp-block-rss__item"><div class="wp-block-rss__item-title"><a href="https://app.famitsu.com/20190830_1502847/">『初音ミク』の新ゲームプロジェクト”プロジェクトセカイ”が始動!ティザームービーも公開</a></div></li>
	<li class="wp-block-rss__item"><div class="wp-block-rss__item-title"><a href="https://app.famitsu.com/20190830_1493734/">『ラグナロク マスターズ(ラグマス)』子デザートウルフは砂漠の都市モロクで捕まえろ!</a></div></li>
	<li class="wp-block-rss__item"><div class="wp-block-rss__item-title"><a href="https://app.famitsu.com/20190830_1503133/">『TEPPEN』の新カードパック“DAY OF NIGHTMARES”の発売が9/2に決定</a></div></li>
	<li class="wp-block-rss__item"><div class="wp-block-rss__item-title"><a href="https://app.famitsu.com/20190830_1503110/">『ハリー・ポッター:魔法同盟』8/31よりグローバルチャレンジ開催!9/7には待望のドラゴンが出現</a></div></li>
</ul>

RSS設定:投稿者を表示

<ul class="wp-block-rss">
	<li class="wp-block-rss__item"><div class="wp-block-rss__item-title"><a href="https://app.famitsu.com/20190830_1501512/">【黒ウィズ】秋の大感謝祭2019で最大100連分無料ガチャを実施!復帰時に挑みたい“はじまりの塔”を解説【ファミ通App連載企画】</a></div><span class="wp-block-rss__item-author">by famitsu_app</span></li>
	<li class="wp-block-rss__item"><div class="wp-block-rss__item-title"><a href="https://app.famitsu.com/20190830_1502847/">『初音ミク』の新ゲームプロジェクト”プロジェクトセカイ”が始動!ティザームービーも公開</a></div><span class="wp-block-rss__item-author">by famitsu_app</span></li>
	<li class="wp-block-rss__item"><div class="wp-block-rss__item-title"><a href="https://app.famitsu.com/20190830_1493734/">『ラグナロク マスターズ(ラグマス)』子デザートウルフは砂漠の都市モロクで捕まえろ!</a></div><span class="wp-block-rss__item-author">by famitsu_app</span></li>
	<li class="wp-block-rss__item"><div class="wp-block-rss__item-title"><a href="https://app.famitsu.com/20190830_1503133/">『TEPPEN』の新カードパック“DAY OF NIGHTMARES”の発売が9/2に決定</a></div><span class="wp-block-rss__item-author">by famitsu_app</span></li>
	<li class="wp-block-rss__item"><div class="wp-block-rss__item-title"><a href="https://app.famitsu.com/20190830_1503110/">『ハリー・ポッター:魔法同盟』8/31よりグローバルチャレンジ開催!9/7には待望のドラゴンが出現</a></div><span class="wp-block-rss__item-author">by famitsu_app</span></li>
</ul>

RSS設定:日付を表示

<ul class="wp-block-rss">
	<li class="wp-block-rss__item"><div class="wp-block-rss__item-title"><a href="https://app.famitsu.com/20190830_1501512/">【黒ウィズ】秋の大感謝祭2019で最大100連分無料ガチャを実施!復帰時に挑みたい“はじまりの塔”を解説【ファミ通App連載企画】</a></div><time datetime="" class="wp-block-rss__item-publish-date">2019年8月30日</time> </li>
	<li class="wp-block-rss__item"><div class="wp-block-rss__item-title"><a href="https://app.famitsu.com/20190830_1502847/">『初音ミク』の新ゲームプロジェクト”プロジェクトセカイ”が始動!ティザームービーも公開</a></div><time datetime="" class="wp-block-rss__item-publish-date">2019年8月30日</time> </li>
	<li class="wp-block-rss__item"><div class="wp-block-rss__item-title"><a href="https://app.famitsu.com/20190830_1493734/">『ラグナロク マスターズ(ラグマス)』子デザートウルフは砂漠の都市モロクで捕まえろ!</a></div><time datetime="" class="wp-block-rss__item-publish-date">2019年8月30日</time> </li>
	<li class="wp-block-rss__item"><div class="wp-block-rss__item-title"><a href="https://app.famitsu.com/20190830_1503133/">『TEPPEN』の新カードパック“DAY OF NIGHTMARES”の発売が9/2に決定</a></div><time datetime="" class="wp-block-rss__item-publish-date">2019年8月30日</time> </li>
	<li class="wp-block-rss__item"><div class="wp-block-rss__item-title"><a href="https://app.famitsu.com/20190830_1503110/">『ハリー・ポッター:魔法同盟』8/31よりグローバルチャレンジ開催!9/7には待望のドラゴンが出現</a></div><time datetime="" class="wp-block-rss__item-publish-date">2019年8月30日</time> </li>
</ul>

RSS設定:抜粋を表示

抜粋の文字数も変更できます。(デフォルトは55文字、最大100文字)

<ul class="wp-block-rss">
	<li class="wp-block-rss__item"><div class="wp-block-rss__item-title"><a href="https://app.famitsu.com/20190830_1501512/">【黒ウィズ】秋の大感謝祭2019で最大100連分無料ガチャを実施!復帰時に挑みたい“はじまりの塔”を解説【ファミ通App連載企画】</a></div><div class="wp-block-rss__item-excerpt">『クイズRPG 魔法使いと黒猫のウィズ』の“黒ウィズ 秋の大感謝祭2019”で実施される要素をまとめてお届け!</div></li>
	<li class="wp-block-rss__item"><div class="wp-block-rss__item-title"><a href="https://app.famitsu.com/20190830_1502847/">『初音ミク』の新ゲームプロジェクト”プロジェクトセカイ”が始動!ティザームービーも公開</a></div><div class="wp-block-rss__item-excerpt">2019年8月30日に発表された『初音ミク』新ゲームプロジェクトの情報をお届け。</div></li>
	<li class="wp-block-rss__item"><div class="wp-block-rss__item-title"><a href="https://app.famitsu.com/20190830_1493734/">『ラグナロク マスターズ(ラグマス)』子デザートウルフは砂漠の都市モロクで捕まえろ!</a></div><div class="wp-block-rss__item-excerpt">『ラグナロク マスターズ』での子デザートウルフの出現場所や探しかたを紹介。</div></li>
	<li class="wp-block-rss__item"><div class="wp-block-rss__item-title"><a href="https://app.famitsu.com/20190830_1503133/">『TEPPEN』の新カードパック“DAY OF NIGHTMARES”の発売が9/2に決定</a></div><div class="wp-block-rss__item-excerpt">カプコンとガンホーが共同開発したスマホ向けカードゲーム『TEPPEN(テッペン)』の新カードパック“DAY O […]</div></li>
	<li class="wp-block-rss__item"><div class="wp-block-rss__item-title"><a href="https://app.famitsu.com/20190830_1503110/">『ハリー・ポッター:魔法同盟』8/31よりグローバルチャレンジ開催!9/7には待望のドラゴンが出現</a></div><div class="wp-block-rss__item-excerpt">『ハリー・ポッター:魔法同盟』において8月31日22時〜9月2日22時までグローバルチャレンジが開催する</div></li>
</ul>

検索

デフォルト

<form class="wp-block-search" role="search" method="get" action="/">
	<label for="wp-block-search__input-1" class="wp-block-search__label">検索</label>
	<input type="search" id="wp-block-search__input-1" class="wp-block-search__input" name="s" value="" placeholder=""><button type="submit" class="wp-block-search__button">検索</button>
</form>

タグクラウド

デフォルト

CSS Fireworks Google アナリティクス Gutenberg JavaScript Photoshop TravisCI WordBench WordPress きゅうり さつまいも じゃがいも たまご にんじん にんにく アドベントカレンダー イベント エビ コーダー サラダ チーズ テーマカスタマイザー テーマ作成 デザイン トマト パフェ ピーマン ブロッコリー ベンガル ベーコン マークアップエンジニア 合いびき肉 味噌 大葉 旅行 松本 梅干し 炒め物 煮込み 玉ねぎ 結婚式 豚肉 長野 鶏肉

<p class="wp-block-tag-cloud">
	<a href="/tag/css/" class="tag-cloud-link tag-link-67 tag-link-position-1" style="font-size: 10.52pt;" aria-label="CSS (2個の項目)">CSS</a>
	<a href="/tag/fireworks/" class="tag-cloud-link tag-link-2 tag-link-position-2" style="font-size: 8pt;" aria-label="Fireworks (1個の項目)">Fireworks</a>
	<a href="/tag/google-%e3%82%a2%e3%83%8a%e3%83%aa%e3%83%86%e3%82%a3%e3%82%af%e3%82%b9/" class="tag-cloud-link tag-link-109 tag-link-position-3" style="font-size: 10.52pt;" aria-label="Google アナリティクス (2個の項目)">Google アナリティクス</a>
	<a href="/tag/%e8%b1%9a%e8%82%89/" class="tag-cloud-link tag-link-18 tag-link-position-43" style="font-size: 14.72pt;" aria-label="豚肉 (5個の項目)">豚肉</a>
</p>

※ aタグは省略しています。aタグ自身にスタイル属性でフォントサイズ設定が付与されます。

左寄せ

CSS Fireworks Google アナリティクス Gutenberg JavaScript Photoshop TravisCI WordBench WordPress きゅうり さつまいも じゃがいも たまご にんじん にんにく アドベントカレンダー イベント エビ コーダー サラダ チーズ テーマカスタマイザー テーマ作成 デザイン トマト パフェ ピーマン ブロッコリー ベンガル ベーコン マークアップエンジニア 合いびき肉 味噌 大葉 旅行 松本 梅干し 炒め物 煮込み 玉ねぎ 結婚式 豚肉 長野 鶏肉

<p class="wp-block-tag-cloud alignleft">
	<a href="/tag/css/" class="tag-cloud-link tag-link-67 tag-link-position-1" style="font-size: 10.52pt;" aria-label="CSS (2個の項目)">CSS</a>
	<a href="/tag/fireworks/" class="tag-cloud-link tag-link-2 tag-link-position-2" style="font-size: 8pt;" aria-label="Fireworks (1個の項目)">Fireworks</a>
	<a href="/tag/google-%e3%82%a2%e3%83%8a%e3%83%aa%e3%83%86%e3%82%a3%e3%82%af%e3%82%b9/" class="tag-cloud-link tag-link-109 tag-link-position-3" style="font-size: 10.52pt;" aria-label="Google アナリティクス (2個の項目)">Google アナリティクス</a>
	<a href="/tag/%e8%b1%9a%e8%82%89/" class="tag-cloud-link tag-link-18 tag-link-position-43" style="font-size: 14.72pt;" aria-label="豚肉 (5個の項目)">豚肉</a>
</p>

中央寄せ

CSS Fireworks Google アナリティクス Gutenberg JavaScript Photoshop TravisCI WordBench WordPress きゅうり さつまいも じゃがいも たまご にんじん にんにく アドベントカレンダー イベント エビ コーダー サラダ チーズ テーマカスタマイザー テーマ作成 デザイン トマト パフェ ピーマン ブロッコリー ベンガル ベーコン マークアップエンジニア 合いびき肉 味噌 大葉 旅行 松本 梅干し 炒め物 煮込み 玉ねぎ 結婚式 豚肉 長野 鶏肉

<p class="wp-block-tag-cloud aligncenter">
	<a href="/tag/css/" class="tag-cloud-link tag-link-67 tag-link-position-1" style="font-size: 10.52pt;" aria-label="CSS (2個の項目)">CSS</a>
	<a href="/tag/fireworks/" class="tag-cloud-link tag-link-2 tag-link-position-2" style="font-size: 8pt;" aria-label="Fireworks (1個の項目)">Fireworks</a>
	<a href="/tag/google-%e3%82%a2%e3%83%8a%e3%83%aa%e3%83%86%e3%82%a3%e3%82%af%e3%82%b9/" class="tag-cloud-link tag-link-109 tag-link-position-3" style="font-size: 10.52pt;" aria-label="Google アナリティクス (2個の項目)">Google アナリティクス</a>
	<a href="/tag/%e8%b1%9a%e8%82%89/" class="tag-cloud-link tag-link-18 tag-link-position-43" style="font-size: 14.72pt;" aria-label="豚肉 (5個の項目)">豚肉</a>
</p>

右寄せ

CSS Fireworks Google アナリティクス Gutenberg JavaScript Photoshop TravisCI WordBench WordPress きゅうり さつまいも じゃがいも たまご にんじん にんにく アドベントカレンダー イベント エビ コーダー サラダ チーズ テーマカスタマイザー テーマ作成 デザイン トマト パフェ ピーマン ブロッコリー ベンガル ベーコン マークアップエンジニア 合いびき肉 味噌 大葉 旅行 松本 梅干し 炒め物 煮込み 玉ねぎ 結婚式 豚肉 長野 鶏肉

<p class="wp-block-tag-cloud alignright">
	<a href="/tag/css/" class="tag-cloud-link tag-link-67 tag-link-position-1" style="font-size: 10.52pt;" aria-label="CSS (2個の項目)">CSS</a>
	<a href="/tag/fireworks/" class="tag-cloud-link tag-link-2 tag-link-position-2" style="font-size: 8pt;" aria-label="Fireworks (1個の項目)">Fireworks</a>
	<a href="/tag/google-%e3%82%a2%e3%83%8a%e3%83%aa%e3%83%86%e3%82%a3%e3%82%af%e3%82%b9/" class="tag-cloud-link tag-link-109 tag-link-position-3" style="font-size: 10.52pt;" aria-label="Google アナリティクス (2個の項目)">Google アナリティクス</a>
	<a href="/tag/%e8%b1%9a%e8%82%89/" class="tag-cloud-link tag-link-18 tag-link-position-43" style="font-size: 14.72pt;" aria-label="豚肉 (5個の項目)">豚肉</a>
</p>

幅広

CSS Fireworks Google アナリティクス Gutenberg JavaScript Photoshop TravisCI WordBench WordPress きゅうり さつまいも じゃがいも たまご にんじん にんにく アドベントカレンダー イベント エビ コーダー サラダ チーズ テーマカスタマイザー テーマ作成 デザイン トマト パフェ ピーマン ブロッコリー ベンガル ベーコン マークアップエンジニア 合いびき肉 味噌 大葉 旅行 松本 梅干し 炒め物 煮込み 玉ねぎ 結婚式 豚肉 長野 鶏肉

<p class="wp-block-tag-cloud alignwide">
	<a href="/tag/css/" class="tag-cloud-link tag-link-67 tag-link-position-1" style="font-size: 10.52pt;" aria-label="CSS (2個の項目)">CSS</a>
	<a href="/tag/fireworks/" class="tag-cloud-link tag-link-2 tag-link-position-2" style="font-size: 8pt;" aria-label="Fireworks (1個の項目)">Fireworks</a>
	<a href="/tag/google-%e3%82%a2%e3%83%8a%e3%83%aa%e3%83%86%e3%82%a3%e3%82%af%e3%82%b9/" class="tag-cloud-link tag-link-109 tag-link-position-3" style="font-size: 10.52pt;" aria-label="Google アナリティクス (2個の項目)">Google アナリティクス</a>
	<a href="/tag/%e8%b1%9a%e8%82%89/" class="tag-cloud-link tag-link-18 tag-link-position-43" style="font-size: 14.72pt;" aria-label="豚肉 (5個の項目)">豚肉</a>
</p>

全幅

CSS Fireworks Google アナリティクス Gutenberg JavaScript Photoshop TravisCI WordBench WordPress きゅうり さつまいも じゃがいも たまご にんじん にんにく アドベントカレンダー イベント エビ コーダー サラダ チーズ テーマカスタマイザー テーマ作成 デザイン トマト パフェ ピーマン ブロッコリー ベンガル ベーコン マークアップエンジニア 合いびき肉 味噌 大葉 旅行 松本 梅干し 炒め物 煮込み 玉ねぎ 結婚式 豚肉 長野 鶏肉

<p class="wp-block-tag-cloud alignfull">
	<a href="/tag/css/" class="tag-cloud-link tag-link-67 tag-link-position-1" style="font-size: 10.52pt;" aria-label="CSS (2個の項目)">CSS</a>
	<a href="/tag/fireworks/" class="tag-cloud-link tag-link-2 tag-link-position-2" style="font-size: 8pt;" aria-label="Fireworks (1個の項目)">Fireworks</a>
	<a href="/tag/google-%e3%82%a2%e3%83%8a%e3%83%aa%e3%83%86%e3%82%a3%e3%82%af%e3%82%b9/" class="tag-cloud-link tag-link-109 tag-link-position-3" style="font-size: 10.52pt;" aria-label="Google アナリティクス (2個の項目)">Google アナリティクス</a>
	<a href="/tag/%e8%b1%9a%e8%82%89/" class="tag-cloud-link tag-link-18 tag-link-position-43" style="font-size: 14.72pt;" aria-label="豚肉 (5個の項目)">豚肉</a>
</p>

タグクラウド設定:投稿数を表示

CSS (2) Fireworks (1) Google アナリティクス (2) Gutenberg (9) JavaScript (2) Photoshop (2) TravisCI (2) WordBench (2) WordPress (21) きゅうり (2) さつまいも (2) じゃがいも (2) たまご (3) にんじん (4) にんにく (2) アドベントカレンダー (3) イベント (2) エビ (3) コーダー (1) サラダ (2) チーズ (3) テーマカスタマイザー (1) テーマ作成 (1) デザイン (1) トマト (3) パフェ (2) ピーマン (3) ブロッコリー (2) ベンガル (2) ベーコン (2) マークアップエンジニア (1) 合いびき肉 (3) 味噌 (3) 大葉 (2) 旅行 (2) 松本 (2) 梅干し (2) 炒め物 (2) 煮込み (1) (4) 玉ねぎ (4) 結婚式 (2) 豚肉 (5) 長野 (2) 鶏肉 (2)

<p class="wp-block-tag-cloud">
	<a href="/tag/css/" class="tag-cloud-link tag-link-67 tag-link-position-1" style="font-size: 10.52pt;" aria-label="CSS (2個の項目)">CSS<span class="tag-link-count"> (2)</span></a>
	<a href="/tag/fireworks/" class="tag-cloud-link tag-link-2 tag-link-position-2" style="font-size: 8pt;" aria-label="Fireworks (1個の項目)">Fireworks<span class="tag-link-count"> (1)</span></a>
	<a href="/tag/google-%e3%82%a2%e3%83%8a%e3%83%aa%e3%83%86%e3%82%a3%e3%82%af%e3%82%b9/" class="tag-cloud-link tag-link-109 tag-link-position-3" style="font-size: 10.52pt;" aria-label="Google アナリティクス (2個の項目)">Google アナリティクス<span class="tag-link-count"> (2)</span></a>
	<a href="/tag/gutenberg/" class="tag-cloud-link tag-link-123 tag-link-position-4" style="font-size: 17.8pt;" aria-label="Gutenberg (9個の項目)">Gutenberg<span class="tag-link-count"> (9)</span></a>
	<a href="/tag/javascript/" class="tag-cloud-link tag-link-106 tag-link-position-5" style="font-size: 10.52pt;" aria-label="JavaScript (2個の項目)">JavaScript<span class="tag-link-count"> (2)</span></a>
</p>

思った以上にありましたね!あとは埋め込みだけ・・・早めにがんばります。