WordPressのブロック一覧です。『ウィジェット』に入っているものです。WordPressバージョンは 6.8.2 です。
『ウィジェット』に入っているブロックは、実際の表示は投稿・カテゴリー・タグ等に置き換わります。
アーカイブ
<!-- wp:archives /-->
<ul class="wp-block-archives-list wp-block-archives"> <li><a href='https://php4wordpress.calculator.jp/2025/09/'>2025年9月</a></li>
</ul>
サイドバーで区切り(年・月・週・日)が設定可。
カレンダー
<!-- wp:calendar /-->
<div class="wp-block-calendar"><table id="wp-calendar" class="wp-calendar-table">
<caption>2025年9月</caption>
<thead>
<tr>
<th scope="col" aria-label="月曜日">月</th>
<th scope="col" aria-label="火曜日">火</th>
<th scope="col" aria-label="水曜日">水</th>
<th scope="col" aria-label="木曜日">木</th>
<th scope="col" aria-label="金曜日">金</th>
<th scope="col" aria-label="土曜日">土</th>
<th scope="col" aria-label="日曜日">日</th>
</tr>
</thead>
<tbody>
<tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td>
</tr>
<tr>
<td>8</td><td>9</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td>
</tr>
<tr>
<td>15</td><td><a href="https://php4wordpress.calculator.jp/2025/09/16/" aria-label="2025年9月16日 に投稿を公開">16</a></td><td id="today"><a href="https://php4wordpress.calculator.jp/2025/09/17/" aria-label="2025年9月17日 に投稿を公開">17</a></td><td>18</td><td>19</td><td>20</td><td>21</td>
</tr>
<tr>
<td>22</td><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td>
</tr>
<tr>
<td>29</td><td>30</td>
<td class="pad" colspan="5"> </td>
</tr>
</tbody>
</table><nav aria-label="前と次の月" class="wp-calendar-nav">
<span class="wp-calendar-nav-prev"> </span>
<span class="pad"> </span>
<span class="wp-calendar-nav-next"> </span>
</nav></div>
現在の月のカレンダーが表示されます。記事を書いた日はリンクが付きます。
ターム一覧
<!-- wp:categories {"taxonomy":"post_tag"} /-->
<ul class="wp-block-categories-list wp-block-categories"> <li class="cat-item cat-item-3"><a href="https://php4wordpress.calculator.jp/tag/howto/">howto</a>
</li>
<li class="cat-item cat-item-4"><a href="https://php4wordpress.calculator.jp/tag/information/">information</a>
</li>
</ul>
サイドバーでタクソノミー(タグ・カテゴリー等)を設定可。
カテゴリー一覧
<!-- wp:categories /-->
<ul class="wp-block-categories-list wp-block-categories"> <li class="cat-item cat-item-1"><a href="https://php4wordpress.calculator.jp/category/uncategorized/">未分類</a>
</li>
</ul>
カスタムHTML
<!-- wp:html -->
<span>a</span>
<!-- /wp:html -->
最新のコメント
<!-- wp:latest-comments /-->
<ol class="has-avatars has-dates has-excerpts wp-block-latest-comments"><li class="wp-block-latest-comments__comment"><img alt='' src='https://secure.gravatar.com/avatar/8e1606e6fba450a9362af43874c1b2dfad34c782e33d0a51e1b46c18a2a567dd?s=48&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/8e1606e6fba450a9362af43874c1b2dfad34c782e33d0a51e1b46c18a2a567dd?s=96&d=mm&r=g 2x' class='avatar avatar-48 photo wp-block-latest-comments__comment-avatar' height='48' width='48' /><article><footer class="wp-block-latest-comments__comment-meta"><a class="wp-block-latest-comments__comment-link" href="https://php4wordpress.calculator.jp/2025/09/16/hello-world/#comment-1">Hello world!</a> に <a class="wp-block-latest-comments__comment-author" href="https://ja.wordpress.org/">WordPress コメントの投稿者</a> より<time datetime="2025-09-16T17:28:33+09:00" class="wp-block-latest-comments__comment-date">2025年9月16日</time></footer><div class="wp-block-latest-comments__comment-excerpt"><p>こんにちは、これはコメントです。 コメントの承認、編集、削除を始めるにはダッシュ…</p>
</div></article></li></ol>
最新の投稿
<!-- wp:latest-posts /-->
<ul class="wp-block-latest-posts__list wp-block-latest-posts"><li><a class="wp-block-latest-posts__post-title" href="https://php4wordpress.calculator.jp/2025/09/17/widget/">ウィジェット</a></li>
<li><a class="wp-block-latest-posts__post-title" href="https://php4wordpress.calculator.jp/2025/09/17/text/">『テキスト』のブロック一覧</a></li>
<li><a class="wp-block-latest-posts__post-title" href="https://php4wordpress.calculator.jp/2025/09/17/design/">デザイン</a></li>
<li><a class="wp-block-latest-posts__post-title" href="https://php4wordpress.calculator.jp/2025/09/17/media/">メディア</a></li>
<li><a class="wp-block-latest-posts__post-title" href="https://php4wordpress.calculator.jp/2025/09/16/hello-world/">Hello world!</a></li>
</ul>
固定ページリスト
<!-- wp:page-list /-->
<ul class="wp-block-page-list"><li class="wp-block-pages-list__item"><a class="wp-block-pages-list__item__link" href="https://php4wordpress.calculator.jp/sample-page/">サンプルページ</a></li></ul>
RSS
<!-- wp:rss {"feedURL":"https://php4wordpress.calculator.jp/index.xml"} /-->
<ul class="wp-block-rss"><li class='wp-block-rss__item'><div class='wp-block-rss__item-title'><a href='https://php4wordpress.calculator.jp/blockhtml/media/'>『メディア』ブロック一覧</a></div></li><li class='wp-block-rss__item'><div class='wp-block-rss__item-title'><a href='https://php4wordpress.calculator.jp/gutenberg/blocklist/'>WordPressのブロック一覧</a></div></li><li class='wp-block-rss__item'><div class='wp-block-rss__item-title'><a href='https://php4wordpress.calculator.jp/blockhtml/design/'>『デザイン』ブロック一覧</a></div></li><li class='wp-block-rss__item'><div class='wp-block-rss__item-title'><a href='https://php4wordpress.calculator.jp/blockhtml/text/'>『テキスト』ブロック一覧</a></div></li><li class='wp-block-rss__item'><div class='wp-block-rss__item-title'><a href='https://php4wordpress.calculator.jp/gutenberg/variation/'>カスタムブロックスタイルを用意する (読了想定)</a></div></li></ul>
検索
<!-- wp:search {"label":"検索","buttonText":"検索"} /-->
<form role="search" method="get" action="https://php4wordpress.calculator.jp/" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search" ><label class="wp-block-search__label" for="wp-block-search__input-2" >検索</label><div class="wp-block-search__inside-wrapper " ><input class="wp-block-search__input" id="wp-block-search__input-2" placeholder="" value="" type="search" name="s" required /><button aria-label="検索" class="wp-block-search__button wp-element-button" type="submit" >検索</button></div></form>
ショートコード
<!-- wp:shortcode -->
[gallery]
<!-- /wp:shortcode -->
<div id='gallery-1' class='gallery galleryid-26 gallery-columns-3 gallery-size-thumbnail'><figure class='gallery-item'>
<div class='gallery-icon landscape'>
<a href='https://php4wordpress.calculator.jp/2025/09/17/media/coming-soon-bg-image/'><img decoding="async" width="150" height="150" src="https://php4wordpress.calculator.jp/wp-content/uploads/2025/09/coming-soon-bg-image-150x150.webp" class="attachment-thumbnail size-thumbnail" alt="" /></a>
</div></figure><figure class='gallery-item'>
<div class='gallery-icon landscape'>
<a href='https://php4wordpress.calculator.jp/2025/09/17/media/coral-square/'><img decoding="async" width="150" height="150" src="https://php4wordpress.calculator.jp/wp-content/uploads/2025/09/coral-square-150x150.webp" class="attachment-thumbnail size-thumbnail" alt="" srcset="https://php4wordpress.calculator.jp/wp-content/uploads/2025/09/coral-square-150x150.webp 150w, https://php4wordpress.calculator.jp/wp-content/uploads/2025/09/coral-square-300x300.webp 300w, https://php4wordpress.calculator.jp/wp-content/uploads/2025/09/coral-square.webp 594w" sizes="(max-width: 150px) 100vw, 150px" /></a>
</div></figure>
</div>
上の例では、WordPress標準の gallery ショートコードを実行しています。
ソーシャルアイコン
<!-- wp:social-link {"url":"wordpress.org","service":"wordpress","label":"WordPress"} /-->
<ul class="wp-block-social-links is-layout-flex wp-block-social-links-is-layout-flex"><li class="wp-social-link wp-social-link-wordpress wp-block-social-link"><a href="https://wordpress.org" class="wp-block-social-link-anchor"><svg width="24" height="24" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><path d="M12.158,12.786L9.46,20.625c0.806,0.237,1.657,0.366,2.54,0.366c1.047,0,2.051-0.181,2.986-0.51 c-0.024-0.038-0.046-0.079-0.065-0.124L12.158,12.786z M3.009,12c0,3.559,2.068,6.634,5.067,8.092L3.788,8.341 C3.289,9.459,3.009,10.696,3.009,12z M18.069,11.546c0-1.112-0.399-1.881-0.741-2.48c-0.456-0.741-0.883-1.368-0.883-2.109 c0-0.826,0.627-1.596,1.51-1.596c0.04,0,0.078,0.005,0.116,0.007C16.472,3.904,14.34,3.009,12,3.009 c-3.141,0-5.904,1.612-7.512,4.052c0.211,0.007,0.41,0.011,0.579,0.011c0.94,0,2.396-0.114,2.396-0.114 C7.947,6.93,8.004,7.642,7.52,7.699c0,0-0.487,0.057-1.029,0.085l3.274,9.739l1.968-5.901l-1.401-3.838 C9.848,7.756,9.389,7.699,9.389,7.699C8.904,7.67,8.961,6.93,9.446,6.958c0,0,1.484,0.114,2.368,0.114 c0.94,0,2.397-0.114,2.397-0.114c0.485-0.028,0.542,0.684,0.057,0.741c0,0-0.488,0.057-1.029,0.085l3.249,9.665l0.897-2.996 C17.841,13.284,18.069,12.316,18.069,11.546z M19.889,7.686c0.039,0.286,0.06,0.593,0.06,0.924c0,0.912-0.171,1.938-0.684,3.22 l-2.746,7.94c2.673-1.558,4.47-4.454,4.47-7.771C20.991,10.436,20.591,8.967,19.889,7.686z M12,22C6.486,22,2,17.514,2,12 C2,6.486,6.486,2,12,2c5.514,0,10,4.486,10,10C22,17.514,17.514,22,12,22z"></path></svg><span class="wp-block-social-link-label screen-reader-text">WordPress</span></a></li></ul>
タグクラウド
<!-- wp:tag-cloud /-->
<p class="wp-block-tag-cloud"><a href="https://php4wordpress.calculator.jp/tag/howto/" class="tag-cloud-link tag-link-3 tag-link-position-1" style="font-size: 8pt;" aria-label="howto (1個の項目)">howto</a>
<a href="https://php4wordpress.calculator.jp/tag/information/" class="tag-cloud-link tag-link-4 tag-link-position-2" style="font-size: 8pt;" aria-label="information (1個の項目)">information</a></p>
公開日:
