WordPressのブロックエディタでテーマを作るときの覚え書き

随時更新

# 基礎知識
- [【WordPress】ブロックエディタの基礎知識 \- Qiita](https://qiita.com/ituki_b/items/0ad429d896378329a134)

# ブロック一覧
- [グーテンベルクのブロック一覧 \- 「WordPressユーザーのためのPHP入門 はじめから、ていねいに。」サポートページ](https://php4wordpress.calculator.jp/gutenberg/blocklist/)

# ブロックを初期配置する
- [新規投稿時にブロックを初期配置する \(読了想定\) \- 「WordPressユーザーのためのPHP入門 はじめから、ていねいに。」サポートページ](https://php4wordpress.calculator.jp/gutenberg/new-post/)
- [WordPress で、Snow Monkey Blocks のブロックを初期配置する \- Qiita](https://qiita.com/ounziw/items/0fa0495fc0d7d73d5133)
- [カラムブロックを初期配置する \(読了想定\) \- 「WordPressユーザーのためのPHP入門 はじめから、ていねいに。」サポートページ](https://php4wordpress.calculator.jp/gutenberg/column/)
- [クラシックブロックを初期配置する \(読了想定\) \- 「WordPressユーザーのためのPHP入門 はじめから、ていねいに。」サポートページ](https://php4wordpress.calculator.jp/gutenberg/classic/)

# ブロックの制限
- [ブロックの挿入・並べ替えを制限する \(読了想定\) \- 「WordPressユーザーのためのPHP入門 はじめから、ていねいに。」サポートページ](https://php4wordpress.calculator.jp/gutenberg/lock/)

# ブロックを指定
- [抜粋の対象となるブロックを指定する \(読了想定\) \- 「WordPressユーザーのためのPHP入門 はじめから、ていねいに。」サポートページ](https://php4wordpress.calculator.jp/gutenberg/excerpt/)
- [使用可能なブロックを指定する \(読了想定\) \- 「WordPressユーザーのためのPHP入門 はじめから、ていねいに。」サポートページ](https://php4wordpress.calculator.jp/gutenberg/available/)
- [WordPress：Gutenbergブロックの表示・非表示を簡単に設定できるプラグイン「Disable Gutenberg Blocks – Block Manager」 \| NxWorld](https://www.nxworld.net/wordpress/wp-plugin-disable-gutenberg-blocks-block-manager.html)

# 操作系
- [ブロックエディタでブロックをコピペする方法 – ah\-kutsu\.net](https://ah-kutsu.net/2019/06/05/block-editor-select/)
- エディタ右上の縦3つ点のメニュー＞全てのコンテンツをコピー
- [WordPressの新エディターGutenberg\(グーテンベルク\)で、クラシックブロックに書いた内容を一括でブロック変換する方法 \| WordPress（ワードプレス）テーマ＆プラグイン販売 コミュニティコムショップ](https://communitycom-shop.jp/blog/classic-editor-to-gutenberg/?fbclid=IwAR2S8dux-VGSG8yYJ6a07XSTxTxAKFp4bk2KIPQBACvJGkCMKdmo8FrXDlQ)

# 既存のブロックエディタをカスタマイズ
- [WordPress：Gutenbergで文字サイズと色設定（文字色・背景色）をカスタマイズする方法 \| NxWorld](https://www.nxworld.net/wordpress/wp-gutenberg-custom-font-sizes-and-color-palette.html)
- [WordPress：Gutenberg用CSSを読み込んだり設定する方法 \| NxWorld](https://www.nxworld.net/wordpress/wp-gutenberg-css-settings.html)
- 既存のブロックにデフォルトclassを追加：[Gutenberg blocks: Add custom default class names \- poolghost\.com](https://poolghost.com/add-custom-default-class-names-to-gutenberg-blocks/)
- 既存のブロックのスタイルの種類を増やす：[registerBlockStyleでブロックに独自のスタイルを追加する \- チュートリアル \- Capital P \- WordPressメディア](https://capitalp.jp/2019/10/15/customize-with-registerblockstyle/)

# ブロックエディタ作成プラグイン
- [WordPress：簡易的なGutenbergブロックを作成できるプラグイン「Block Lab」 \| NxWorld](https://www.nxworld.net/wordpress/wp-plugin-block-lab.html?fbclid=IwAR3-dPMfhhSk4bAbfGyFYTJSKHuCtH9hgASN82-vvhvnQsqoojviriufgi4)
- カスタムフィールドでバリバリ作りたいならこれ[ACF \| Blocks](https://www.advancedcustomfields.com/resources/blocks/)
- [WordPress：Gutenbergでグラデーション設定部分をカスタマイズする方法 \| NxWorld](https://www.nxworld.net/wordpress/wp-gutenberg-custom-gradient-background.html)
- 
# その他
- アクセシビリティ：[WordPressのブロックエディタ、段落ブロック使ってたら、色の提案をされた話 – ah\-kutsu\.net](https://ah-kutsu.net/2019/04/24/wordpress-bikkuri-1/)
- [WordPress：Gutenbergをカスタム投稿で有効化する方法／有効化されないときの確認ポイント \| NxWorld](https://www.nxworld.net/wordpress/wp-enable-gutenberg-for-custom-post-types.html)
- [WordPress：Gutenberg用CSSの読み込みを削除する方法 \| NxWorld](https://www.nxworld.net/wordpress/wp-remove-gutenberg-css.html)
- [WordPress：Gutenberg用CSSを読み込んだり設定する方法 \| NxWorld](https://www.nxworld.net/wordpress/wp-gutenberg-css-settings.html)
- [WordPress：Gutenberg使用時の自動保存時間を変更する方法 \| NxWorld](https://www.nxworld.net/wordpress/wp-gutenberg-custom-autosave-interval.html)
- [再利用ブロックに登録する \- 「WordPressユーザーのためのPHP入門 はじめから、ていねいに。」サポートページ](https://php4wordpress.calculator.jp/gutenberg/reuse/)
- [【Wordpress】投稿タイプごとにブロックの表示非表示を切り替える \| deep\-space\.blue](https://deep-space.blue/web/1350)
- [Gutenberg適用時の編集画面でタクソノミーパネルを表示させない方法 – モノグサにお灸](https://monoxa.net/2019/08/how-to-hide-the-taxonomy-panel-on-the-editing-screen-when-applying-gutenberg/?doing_wp_cron=1592188343.2907950878143310546875)

# ブロックエディタを学べる本
- [WordPressユーザーのためのPHP入門 はじめから、ていねいに。\[第3版\] 〈WordPress 5\.x/Gutenberg対応〉 \| 水野 史土 \|本 \| 通販 \| Amazon](https://www.amazon.co.jp/dp/4844368893/)