ブロックエディターハンドブック

Topics

クイックリンク
ブロックエディターハンドブック日本語版

日本語版の情報については末尾を参照してください。

Gutenberg は WordPress サイト構築およびパブリッシングにおけるまったく新しいパラダイムのコードネームです。Gutenberg プロジェクトは、グーテンベルクが印刷業界に果たした影響と同じように、パブリッシング体験全体の革新を目的とします。プロジェクトは現在、WordPress のあらゆる部分を対象とする4つのフェーズ、「編集」「カスタマイゼーション」(これにはフルサイト編集、ブロックパターン、ブロックディレクトリ、ブロックベーステーマが含まれます)「コラボレーション」「マルチリンガル」のうち2番めのフェーズにあり、新しい編集体験、「ブロックエディター」にフォーカスしています。

凡例 :

ブロックインスペクター
ブロックエディターコンテンツ領域
設定サイドバー

新しいブロックエディターは「ブロック」システムを採用し、コンテンツを組み合わせて整形していきます。ブロックエディターは、Web サイトやデジタル製品用にリッチでフレキシブルなレイアウトを作成できるようデザインされています。コンテンツはブロックのユニットとして作成し、これまでのフリーフォームテキストにメディアやオブジェクトやショートコードを埋め込む方法とは異なります(念のため伝えておくと「ショートコード」ブロックがあります)。

ブロックは、段落、見出し、メディア、埋め込みオブジェクトなどすべてをコンポーネントとして扱い、互いを接続してコンテンツを作成し、WordPress データベース内に保存します。従来のフリーテキストにメディアやショートコードを埋め込むコンセプトは置き換えられした。新しいエディターは漸進的な拡張で設計されていて、すべてのレガシーなコンテンツに対して後方互換性があり、さらにクライアントサイドのパーシングを使用して単純に移行し Classic ブロックに対して、同等のブロックに変換、分割するプロセスを提供します。

ブロックエディターはユーザーにリッチで新しい価値を届けます。ブロックエディターの機能としては、ビジュアルでドラッグアンドドロップ対応の作成ツール、最新のベンダーパッケージを使用したパワフルな開発拡張、再利用可能コンポーネント、カスタムブロックやカスタムブロックスタイル、プラグインを通じたエディターの変更、拡張が可能なリッチな API とフックがあります。

ブロックエディターの使い方を学ぶでは、メディアリッチな投稿やページを作成できます。

ネストしたブロック: InnerBlocks の使用 – ancestors 追記 #40027
テーマ – フルサイト編集追記 #39662
ブロックテーマ – グローバルスタイルプリセット追記 #38800
theme.json – グローバルスタイルシート #40005
block.json のメタデータ – ancestor 追加 #40027
パターン – inserterプロパティ追加 #40425
サポート – lock 追加 #40145
テンプレート – 個別ロックのサンプル追加 #40372
コアブロックリファレンス – No Result #38806、Avatar #38591、Tag Cloudの属性 #37311、Comments Query Loopの属性 #39664、Read Moreのサポート #39796、Page Numbersのサポート #39835、Quoteのサポート #39899、Archivesの属性 #38440、Navigationの属性 #38621、カバーの属性 #39658、Columnのサポート #40122、Comment Author Avatar 非推奨 #40186、Comment Author Name、Comment Date、Comment Edit Link、Comment Reply Linkの属性 #40165、Post Comments非推奨 #40167、Categoriesの属性 #39426、Comments Title追加 #40419、Separatorのサポート #40551
theme.json V2 – border の変更 #37770、スキーマの説明 #40599
コンポーネントリファレンス – Popover と Tooltip の注意 #39709
@wordpress/create-block – npmDevDependencies 追加 #39723
@wordpress/e2e-tests – Playwright に移行のため非推奨 #38570
@wordpress/env – 環境変数 WP_ENV_CORE への言及 #40407

2022/3/26

ページリストの構築 – 翻訳
編集フォームの構築 – 翻訳

2022/3/22

テーマ – クラシックテーマとブロックテーマ #39562
コアブロックリファレンス – リスト項目ブロック追加 #39487、ギャラリーブロックのサポートに spacing と units #38164、区切りブロックのサポートにcolor、属性はopacity #38428
Deprecations – Unreleased #38794
Gutenberg Release Process – npm 公開 #39389
Testing Overview – User interactions 追加 #39360

2022/3/16

セットアップ – 翻訳

2022/3/13

Gutenberg Release Process – npm 公開の自動化 #39259
コアブロックリファレンス – Gallery から html 削除 #39318
バージョン 2 (現在のリファレンス) – color に defaultDuotone 追加 #38681

2022/3/12

ダイナミックブロック内のブロックサポート – 翻訳
Gutenberg のデータを使用したアプリの作成 – 翻訳

2022/3/6

ブロックの作成チュートリアル – カスタムプロジェクトテンプレートで書き換え #39049
執筆エクスペリエンス – useBlockProps 追加 #39072、#39049
ブロックの詳細 – カスタムプロジェクトテンプレート #39049
theme.json – version v2 #38937、experimental-link-color は 5.9 以上で削除 #38711
Building an edit form – 新規
Gutenberg Release Process – cherry-picking 自動化 #38977
@wordpress/create_block – 全面改訂 #39049、#39096
@wordpress/env – xdebug への追記 #38882、run での引用符 #39101

2022/2/17

はじめに – 最初の指針を追加 #38682
キーコンセプト – グローバルスタイルの記述変更 #38208
フィーチャーフラグ – IS_GUTENBERG_PLUGIN の導入 #38202
theme.json – patterns 追加 #38700
テーマサポート – 5.9 からのコアの色、グラデーション、フォントサイズの上書きについての記述の追加 #38514
非推奨プロセス – 流れの書き換え #38683
パターン – コンテキストやセマンティックの追加 #38809
変換 – schema 追加 #36839
コアブロックリファレンス – 投稿者の経歴ブロック #38269、続きを読むブロック #37649、コメントクエリーループブロックに defaultPage 追加 #38187 minor
create-block – wpEnvの説明 #38530、customScripts の追加 #38535
CONTRIBUTING – GPLv2 から GPLv2 と MPLv2 へ #38303
後方互換性 – 「コントリビューターガイド」章に移動
Gutenberg Release Process – ポイントリリースの追記 #38565、#38631
Styles – 新規
ユーザーインターフェース – 既存文書からの再編成 #37807
Data Tutorial – 新規 #38581
thunk – 新規 #36051

2022/1/29

ブロックサポート
- サポート – 概要説明の更新 #37847
- Block Supports in dynamic blocks – 新規
- Block Supports – 新規
- ブロックコントロール: ブロックツールバーと設定サイドバー、ダイナミックブロックの作成 – block supports 追加 #38210
ブロックテーマの作成 – グローバルスタイルプリセット追加 #38129
@wordpress/env – install-path 追加 #35638

2022/1/17

基本的なブロックの作成 – 全面改訂 #37674
バージョン 1 リファレンス – 新規、翻訳
新しいバージョンへの移行 – 新規、翻訳
@wordpress/create-block – カスタムフォルダーのサポート #37612
Gutenberg Release Process – WordPress との同期について追加 #37898
以下、未訳分で変更に気がついたもの
Block Editor – useBlockEditContext 追加 #36299
Scripts – エントリーポイントのために block.json をスキャン #37661

2022/1/15

コアブロックリファレンス – 翻訳
theme.json リファレンス – 翻訳

以前の変更履歴

Top ↑

問い合わせ先

ブロックエディターハンドブックへのコメントは Gutenberg GitHub リポジトリへお願いします。

日本語訳については日本語版リポジトリ、または WordPress の日本語 Slack 内の #docs チャンネルへお願いします。

Top ↑

参照

Top ↑