Gutenbergのウィジェットのリスト（HTMLコード付き）

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

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

目次

• 一般ブロック
• フォーマット(整形)
• レイアウト要素
• ウィジェット
• 埋め込み（準備中）

ショートコード

[codepen_embed height=300 theme_id=1 slug_hash=’jwGBh’ user=’knyttneve’ default_tab=’html’ animations=’run’][/codepen_embed]

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

アーカイブ

デフォルト

• 2024年4月
• 2024年2月
• 2023年12月
• 2021年10月
• 2021年3月
• 2021年2月
• 2019年10月
• 2019年7月
• 2019年6月
• 2019年5月
• 2019年4月
• 2019年3月
• 2019年1月
• 2018年12月
• 2018年11月
• 2018年10月
• 2018年9月
• 2018年8月
• 2018年7月
• 2018年6月
• 2018年5月
• 2018年4月
• 2018年3月
• 2018年2月
• 2018年1月
• 2017年12月
• 2017年11月
• 2017年10月
• 2017年9月
• 2017年8月
• 2017年7月
• 2017年6月
• 2017年2月

<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要素省略しています

左寄せ

• 2024年4月
• 2024年2月
• 2023年12月
• 2021年10月
• 2021年3月
• 2021年2月
• 2019年10月
• 2019年7月
• 2019年6月
• 2019年5月
• 2019年4月
• 2019年3月
• 2019年1月
• 2018年12月
• 2018年11月
• 2018年10月
• 2018年9月
• 2018年8月
• 2018年7月
• 2018年6月
• 2018年5月
• 2018年4月
• 2018年3月
• 2018年2月
• 2018年1月
• 2017年12月
• 2017年11月
• 2017年10月
• 2017年9月
• 2017年8月
• 2017年7月
• 2017年6月
• 2017年2月

<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>

中央寄せ

• 2024年4月
• 2024年2月
• 2023年12月
• 2021年10月
• 2021年3月
• 2021年2月
• 2019年10月
• 2019年7月
• 2019年6月
• 2019年5月
• 2019年4月
• 2019年3月
• 2019年1月
• 2018年12月
• 2018年11月
• 2018年10月
• 2018年9月
• 2018年8月
• 2018年7月
• 2018年6月
• 2018年5月
• 2018年4月
• 2018年3月
• 2018年2月
• 2018年1月
• 2017年12月
• 2017年11月
• 2017年10月
• 2017年9月
• 2017年8月
• 2017年7月
• 2017年6月
• 2017年2月

<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>

右寄せ

• 2024年4月
• 2024年2月
• 2023年12月
• 2021年10月
• 2021年3月
• 2021年2月
• 2019年10月
• 2019年7月
• 2019年6月
• 2019年5月
• 2019年4月
• 2019年3月
• 2019年1月
• 2018年12月
• 2018年11月
• 2018年10月
• 2018年9月
• 2018年8月
• 2018年7月
• 2018年6月
• 2018年5月
• 2018年4月
• 2018年3月
• 2018年2月
• 2018年1月
• 2017年12月
• 2017年11月
• 2017年10月
• 2017年9月
• 2017年8月
• 2017年7月
• 2017年6月
• 2017年2月

<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>

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

• 2024年4月 (4)
• 2024年2月 (1)
• 2023年12月 (1)
• 2021年10月 (1)
• 2021年3月 (1)
• 2021年2月 (6)
• 2019年10月 (1)
• 2019年7月 (1)
• 2019年6月 (3)
• 2019年5月 (3)
• 2019年4月 (3)
• 2019年3月 (2)
• 2019年1月 (3)
• 2018年12月 (5)
• 2018年11月 (3)
• 2018年10月 (3)
• 2018年9月 (4)
• 2018年8月 (2)
• 2018年7月 (2)
• 2018年6月 (4)
• 2018年5月 (3)
• 2018年4月 (3)
• 2018年3月 (4)
• 2018年2月 (3)
• 2018年1月 (4)
• 2017年12月 (5)
• 2017年11月 (3)
• 2017年10月 (6)
• 2017年9月 (4)
• 2017年8月 (5)
• 2017年7月 (5)
• 2017年6月 (1)
• 2017年2月 (12)

<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>

カレンダー

デフォルト

<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>

左寄せ

<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>

中央寄せ

<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>

左寄せ

<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>

幅広

<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>

全幅

<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>

カテゴリー

デフォルト

• Webデザイン
• コーディング・プログラミング系
• 料理レシピ
• 日記
• 猫
• 登壇系

<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>

左寄せ

• Webデザイン
• コーディング・プログラミング系
• 料理レシピ
• 日記
• 猫
• 登壇系

<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>

中央寄せ

• Webデザイン
• コーディング・プログラミング系
• 料理レシピ
• 日記
• 猫
• 登壇系

<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>

右寄せ

• Webデザイン
• コーディング・プログラミング系
• 料理レシピ
• 日記
• 猫
• 登壇系

<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>

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

• Webデザイン
• コーディング・プログラミング系
• 料理レシピ
• 日記
• 猫
• 登壇系

<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>

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

• Webデザイン (5)
• コーディング・プログラミング系 (49)
• 料理レシピ (26)
• 日記 (18)
• 猫 (5)
• 登壇系 (8)

<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件）が選べます。

デフォルト

• Block Bindings APIもうすこし遊んでみた
• WordPress 6.5 で新登場したBlock Bindings APIを試してみた
• WordPress 6.5 で新登場したInteractivity APIを試してみた
• The Block Developers Cookbook をやってみた
• 子連れ目線から振り返るWordCamp Kansai 2024 #wckansai

<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>

左寄せ

• Block Bindings APIもうすこし遊んでみた
• WordPress 6.5 で新登場したBlock Bindings APIを試してみた
• WordPress 6.5 で新登場したInteractivity APIを試してみた
• The Block Developers Cookbook をやってみた
• 子連れ目線から振り返るWordCamp Kansai 2024 #wckansai

<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>

中央寄せ

• Block Bindings APIもうすこし遊んでみた
• WordPress 6.5 で新登場したBlock Bindings APIを試してみた
• WordPress 6.5 で新登場したInteractivity APIを試してみた
• The Block Developers Cookbook をやってみた
• 子連れ目線から振り返るWordCamp Kansai 2024 #wckansai

<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>

右寄せ

• Block Bindings APIもうすこし遊んでみた
• WordPress 6.5 で新登場したBlock Bindings APIを試してみた
• WordPress 6.5 で新登場したInteractivity APIを試してみた
• The Block Developers Cookbook をやってみた
• 子連れ目線から振り返るWordCamp Kansai 2024 #wckansai

<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>

幅広

• Block Bindings APIもうすこし遊んでみた
• WordPress 6.5 で新登場したBlock Bindings APIを試してみた
• WordPress 6.5 で新登場したInteractivity APIを試してみた
• The Block Developers Cookbook をやってみた
• 子連れ目線から振り返るWordCamp Kansai 2024 #wckansai

<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>

全幅

• Block Bindings APIもうすこし遊んでみた
• WordPress 6.5 で新登場したBlock Bindings APIを試してみた
• WordPress 6.5 で新登場したInteractivity APIを試してみた
• The Block Developers Cookbook をやってみた
• 子連れ目線から振り返るWordCamp Kansai 2024 #wckansai

<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>

グリッド表示

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

• Block Bindings APIもうすこし遊んでみた
• WordPress 6.5 で新登場したBlock Bindings APIを試してみた
• WordPress 6.5 で新登場したInteractivity APIを試してみた
• The Block Developers Cookbook をやってみた
• 子連れ目線から振り返るWordCamp Kansai 2024 #wckansai

<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>

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

• Block Bindings APIもうすこし遊んでみた2024年4月15日
• WordPress 6.5 で新登場したBlock Bindings APIを試してみた2024年4月12日
• WordPress 6.5 で新登場したInteractivity APIを試してみた2024年4月11日
• The Block Developers Cookbook をやってみた2024年4月5日
• 子連れ目線から振り返るWordCamp Kansai 2024 #wckansai2024年2月28日

<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設定から表示数も選択できます。

デフォルト

• 【超熱血パズドラ部】第1461回：やっぱりシーズンスーパーゴッドフェスだなぁ（ｼﾐｼﾞﾐ）
• 【モンスト攻略】井戸内キョーコの攻略と適正キャラ
• 【崩壊スターレイル】黄泉パーティーで主人公が再評価！？“星間市場のトレンド”型存護主人公の立ち回りやおすすめ遺物を紹介
• 『ピクミン ブルーム』スイートピー祭りの成果は? イースターイベントも折り返しに入った4月第3週目開幕リポート【プレイログ#605】
• 『ブルアカ』ハナコが制服姿＆水着姿でフィギュア化。制服ボディーと水着ボディーの2体同時展示が可能な“DX Ver.”も予約受付中

<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カラム）

• 【超熱血パズドラ部】第1461回：やっぱりシーズンスーパーゴッドフェスだなぁ（ｼﾐｼﾞﾐ）
• 【モンスト攻略】井戸内キョーコの攻略と適正キャラ
• 【崩壊スターレイル】黄泉パーティーで主人公が再評価！？“星間市場のトレンド”型存護主人公の立ち回りやおすすめ遺物を紹介
• 『ピクミン ブルーム』スイートピー祭りの成果は? イースターイベントも折り返しに入った4月第3週目開幕リポート【プレイログ#605】
• 『ブルアカ』ハナコが制服姿＆水着姿でフィギュア化。制服ボディーと水着ボディーの2体同時展示が可能な“DX Ver.”も予約受付中

<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設定：投稿者を表示

• 【超熱血パズドラ部】第1461回：やっぱりシーズンスーパーゴッドフェスだなぁ（ｼﾐｼﾞﾐ）
  by famitsu_app
• 【モンスト攻略】井戸内キョーコの攻略と適正キャラ
  by famitsu_app
• 【崩壊スターレイル】黄泉パーティーで主人公が再評価！？“星間市場のトレンド”型存護主人公の立ち回りやおすすめ遺物を紹介
  by famitsu_app
• 『ピクミン ブルーム』スイートピー祭りの成果は? イースターイベントも折り返しに入った4月第3週目開幕リポート【プレイログ#605】
  by famitsu_app
• 『ブルアカ』ハナコが制服姿＆水着姿でフィギュア化。制服ボディーと水着ボディーの2体同時展示が可能な“DX Ver.”も予約受付中
  by famitsu_app

<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設定：日付を表示

• 【超熱血パズドラ部】第1461回：やっぱりシーズンスーパーゴッドフェスだなぁ（ｼﾐｼﾞﾐ）
  2024年4月15日
• 【モンスト攻略】井戸内キョーコの攻略と適正キャラ
  2024年4月15日
• 【崩壊スターレイル】黄泉パーティーで主人公が再評価！？“星間市場のトレンド”型存護主人公の立ち回りやおすすめ遺物を紹介
  2024年4月15日
• 『ピクミン ブルーム』スイートピー祭りの成果は? イースターイベントも折り返しに入った4月第3週目開幕リポート【プレイログ#605】
  2024年4月15日
• 『ブルアカ』ハナコが制服姿＆水着姿でフィギュア化。制服ボディーと水着ボディーの2体同時展示が可能な“DX Ver.”も予約受付中
  2024年4月15日

<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文字）

• 【超熱血パズドラ部】第1461回：やっぱりシーズンスーパーゴッドフェスだなぁ（ｼﾐｼﾞﾐ）
  ゲームのプレイ日記を書き続ける大塚角満の『パズル＆ドラゴンズ』ブログ“大塚角満の超熱血パズドラ部”がファミ通A […]
• 【モンスト攻略】井戸内キョーコの攻略と適正キャラ
  『モンスターストライク（モンスト）』井戸内キョーコの攻略ポイントや適正キャラを紹介します。
• 【崩壊スターレイル】黄泉パーティーで主人公が再評価！？“星間市場のトレンド”型存護主人公の立ち回りやおすすめ遺物を紹介
  『崩壊：スターレイル』攻略ブログ。“星間市場のトレンド”型存護主人公の立ち回りやおすすめ遺物を紹介
• 『ピクミン ブルーム』スイートピー祭りの成果は? イースターイベントも折り返しに入った4月第3週目開幕リポート【プレイログ#605】
  『ピクミン ブルーム』白色のスイートピーが希少だった週末のコミュニティディリポート。
• 『ブルアカ』ハナコが制服姿＆水着姿でフィギュア化。制服ボディーと水着ボディーの2体同時展示が可能な“DX Ver.”も予約受付中
  2024年10月発売予定の『ブルーアーカイブ -Blue Archive-』ハナコの1/7スケール完成品フィギ […]

<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 WordCamp 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 WordCamp 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 WordCamp 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 WordCamp 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 WordCamp 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 WordCamp 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 (12) JavaScript (9) Photoshop (2) TravisCI (2) WordBench (2) WordCamp (2) WordPress (26) きゅうり (2) さつまいも (2) じゃがいも (2) たまご (3) にんじん (4) にんにく (2) アドベントカレンダー (3) イベント (3) エビ (3) コーダー (1) サラダ (2) チーズ (3) テーマカスタマイザー (1) デザイン (1) トマト (3) パフェ (2) ピーマン (3) ブロッコリー (2) ベンガル (2) ベーコン (2) マークアップエンジニア (1) 備忘録 (9) 合いびき肉 (3) 味噌 (3) 大葉 (2) 旅行 (2) 松本 (2) 梅干し (2) 炒め物 (2) 猫 (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>

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