WordPressのブロック一覧です。『テキスト』に入っているものです。WordPressバージョンは 7.0 です。
段落
<!-- wp:paragraph -->
<p>ああああ</p>
<!-- /wp:paragraph -->
※出力時に wp-block-paragraph というクラス名が付与されます。
<p class="wp-block-paragraph">ああああ</p>
伸縮する段落
<!-- wp:paragraph {"fitText":true} -->
<p class="has-fit-text"></p>
<!-- /wp:paragraph -->
※テーマの設定によっては表示されない可能性があります。
見出し
<!-- wp:heading -->
<h2 class="wp-block-heading">ああああ</h2>
<!-- /wp:heading -->
見出しレベル2の場合です。レベルは1～6で選択可。
伸縮する見出し
<!-- wp:heading {"fitText":true} -->
<h2 class="wp-block-heading has-fit-text"></h2>
<!-- /wp:heading -->
※テーマの設定によっては表示されない可能性があります。
リスト
<!-- wp:list-item -->
<li>ああああ</li>
<!-- /wp:list-item -->
順序なしリストの場合です。順序付きリストも選択可。
出力時にulタグ、wp-block-listがつきます。
<ul class="wp-block-list">
<li>ああああ</li>
</ul>
引用
<!-- wp:quote -->
<blockquote class="wp-block-quote"><!-- wp:paragraph -->
<p>ああああ</p>
<!-- /wp:paragraph --></blockquote>
<!-- /wp:quote -->
コード
<!-- wp:code -->
<pre class="wp-block-code"><code>echo 'Hello, World!';</code></pre>
<!-- /wp:code -->
詳細
<!-- wp:details -->
<details class="wp-block-details"><summary>Details</summary><!-- wp:paragraph {"placeholder":"「/」を入力して非表示ブロックを追加する"} -->
<p>ああああ</p>
<!-- /wp:paragraph --></details>
<!-- /wp:details -->
詳細ブロックは、ボタンを押すとさらにブロックを表示するブロックです。段落など別のブロックが挿入可能です。↑では、段落(<p>)が入っています。
数式
<!-- wp:math {"latex":"x^2"} -->
<div class="wp-block-math"><math display="block"><semantics><msup><mi>x</mi><mn>2</mn></msup><annotation encoding="application/x-tex">x^2</annotation></semantics></math></div>
<!-- /wp:math -->
整形済みテキスト
<!-- wp:preformatted -->
<pre class="wp-block-preformatted">ああああ</pre>
<!-- /wp:preformatted -->
プルクオート
<!-- wp:pullquote -->
<figure class="wp-block-pullquote"><blockquote><p>ああああ</p><cite>いいいい</cite></blockquote></figure>
<!-- /wp:pullquote -->
テーブル
<!-- wp:table -->
<figure class="wp-block-table"><table class="has-fixed-layout"><tbody><tr><td>ああああ</td><td>いいいい</td></tr><tr><td>うううう</td><td>ええええ</td></tr></tbody></table></figure>
<!-- /wp:table -->
2行2列の場合です。ブロック挿入時に行数、列数を指定できます。サイドバーでヘッダーセクション・フッターセクションを設定できます。
ヘッダーセクションありの場合は↓のようなHTMLになります。
<!-- wp:table -->
<figure class="wp-block-table"><table class="has-fixed-layout"><thead><tr><th>ああああ</th><th>いいいい</th></tr></thead><tbody><tr><td>うううう</td><td>ええええ</td></tr><tr><td>おおおお</td><td>かかかか</td></tr></tbody></table></figure>
<!-- /wp:table -->
詩
<!-- wp:verse -->
<pre class="wp-block-verse">ああああ</pre>
<!-- /wp:verse -->
クラシック
<p>ああああ</p>
更新日:
