はじめに
Gutenbergエディターには多数のブロックがありますが、その中でもスキンが対応しているブロックをまとめます。
ブロック一覧
表1には、WordPress 7.0のブロック一覧を示しています。
また、スキンでCSSを追記している項目も併せて示します。
| 項目 | ブロック | スキン対応 | 備考 |
|---|---|---|---|
| テキスト | |||
| ● | |||
| ● | *1 | ||
| ● | *2 | ||
| *3 | |||
| WP 6.9 | |||
| ● | *2 | ||
| ● | *1 | ||
| ● | *2 | ||
| メディア | |||
| WP 7.1 | |||
| WP 7.0 | |||
| デザイン | WP 6.9 | ||
| *4 | |||
| *6 | |||
| ● | |||
| WP 7.1 | |||
| ウィジェット | *7 | ||
| *7 | |||
| *7 | |||
| テーマ | |||
| WP 6.9 | |||
| WP 6.9 | |||
| WP 6.9 | |||
| WP 6.9 | |||
| WP 6.9 | |||
| WP 6.9 | |||
| WP 6.9 | |||
| WP 7.0 | |||
| 埋め込み | |||
| Cocoonブロック | ● | ||
| ● | |||
| ● | |||
| ● | |||
| ● | |||
| ● | |||
| ● | |||
| ● | |||
| ● | |||
| ● | |||
| ● | |||
| ● | |||
| ● | |||
| ● | |||
| ● | |||
| ● | |||
| ● | |||
| ● | |||
| ● | |||
| ● | Cocoon 2.7.4 | ||
| ● | Cocoon 2.7.5 | ||
| Cocoon 2.7.8 | |||
| Cocoon 2.9.1.2 | |||
| Cocoon 2.9.1.2 | |||
| Cocoon 2.9.1 | |||
| Cocoon 2.9.1 | |||
| Cocoon汎用ブロック | ● | Cocoon 2.7.8 | |
| ● | |||
| ● | |||
| Cocoonマイクロコピー | |||
| Cocoonレイアウト | *5 | ||
| *5 |
<blockquote>タグ<pre>タグで、「コード」ブロックのときCocoon機能で「言語」を選択可能<details>タグ- 「モバイルでは縦に並べる」は、画面幅が781px以下で折り返しとなる
- 画面幅が834px以下で折り返しとなる
- 「続き」ブロックは機能しない
- WordPress 6.7対応でウィジェットとブロックで表示が異なり、ブロックはWordPress標準に変更
メニューから不要なブロックを非表示にするには

以下の手順で不要なブロックをメニューから非表示にすることができます(図1参照)。
- 「オプション」をクリックします。
- 「設定」をクリックします。
- 設定「ブロック」をクリックします。
- チェックボックスをクリックし、ブロックの表示・非表示を設定します。
さいごに
Gutenbergエディターには多くのブロックがあり、スキン対応のブロックを活用することで、より魅力的なデザインが可能です。
必要のないブロックは非表示にでき、編集画面の整理が容易になります。
これにより、効率的なコンテンツ制作が可能です。

