説明
Gutenberg は単なるエディターではありません。現在はエディターに注力していますが、このプロジェクトはパブリッシング体験全体に影響を与えるものです。今後はカスタマイズに注力していく予定です。
編集機能へのフォーカス
このエディターは、リッチな投稿や固定ページの作成を簡単にする、新たな執筆体験を生み出します。また「ブロック」によって、今日のショートコード、カスタム HTML や得体の知れない埋め込みが実現していることをより簡単にします。— マット・マレンウェッグ
WordPress が他のシステムと異なる点は、思い描いたとおりのリッチな投稿レイアウトが作成可能な点です。ただし、HTML や CSS の知識があり、カスタムテーマを作成できる場合に限ります。エディターを、リッチな投稿と美しいレイアウト作成ツールとして考えるなら、他の人も使っているから WordPress を使うのではなく、ユーザーが好きで WordPress を使うことになるでしょう。
Gutenberg はエディターを単なる入力欄と考えるのではなく、10年ほぼ大きな変更がなかったレイアウトを見直します。これによって、今どきの編集体験を全体的にデザインし、未来への基礎を築きます。
単なる入力欄ではなく、編集画面全体を考慮している理由は以下のとおりです:
- ブロックは複数のインターフェイスを統一します。既存のインターフェイスの上にブロックを追加すれば複雑さを取り除くどころか、逆に増やすことになります。
- インターフェイスを見直し、使いやすさとシンプルさにこだわり、新旧双方のユーザーに利益をもたらすことにより、執筆、編集、公開の体験を現代的にします。
- 単一ブロックインターフェイスが中心になれば、開発者にはショートコードやウィジェットよりも優れた素晴らしいブロックを開発する明確なパスが提示されます。
- インターフェイス全体を考慮することは、次に注力する領域 (サイト全体のカスタマイズ) への確固たる基礎につながります。
- 全体の編集画面を考慮することは、ベースから大幅に現代化し、WordPress REST API をフル活用した、より流動的で JavaScript に富んだ未来への一歩を踏み出すことができます。
ブロック
ブロックは、今まで異なる方法でカバーされていた「ショートコード」「埋め込み」「ウィジェット」「投稿フォーマット」「カスタム投稿タイプ」「テーマオプション」「メタボックス」その他のフォーマット要素などを統一的に進化させたものです。 ユーザーは、WordPress でできる幅広い機能を、明快で一貫した方法で利用できます。
例えば「従業員」というカスタムブロックを想像してください。アバウトページにドラッグすると、自動的に写真、氏名、プロフィールを表示できるとします。この世のすべてのプラグインが、同じ方法で WordPress を拡張することができ、メニューやウィジェットもシンプルになります。ユーザーは簡単に WordPress と大方のプラグインを理解して使用することができます。これによって簡単にサンプルのような美しい投稿を作成できます。
FAQ にて、プロジェクトについてのよくあるご質問と回答をご覧ください。
互換性
投稿には後方互換性があります。ショートコードもそのまま動くはずです。高度にカスタマイズされたメタボックスについては継続して調査中で、単純に Gutenberg を無効化するプラグインから、Gutenberg のロードの可否を自動で検出するソリューションまで幅広く検討しています。執筆から公開に至る新しい編集体験を確実にユーザーフレンドリーなものにしたいと考えている一方、高度にカスタマイズされた既存サイトに対しても、良いソリューションを見つけることをお約束します。
Gutenberg のステージ
Gutenberg では3つのステージが計画されています。WordPress 5.0 への同梱を予定している最初のステージの目標は投稿の編集体験とブロックの実装で、このフェーズではコンテンツ第一主義を唱えています。ブロックを使用することで、既に述べたようにユーザーはコンテンツがどのように表示されるかに集中でき、その他の構成オプションを気にする必要はありません。結果的に、すべてのユーザーがコンテンツを魅力的に、直接、ビジュアルに伝えられるようになるでしょう。
これら基本的な要素が来年に予定されている2番目、3番目のステージへの道を開き、最終的にはページテンプレート内での投稿を超えた、完全なサイトカスタマイズへとつながります。
Gutenberg は大きな変化です。ショートコードやメタボックスなど既存の機能が引き続き動作することを確認できるよう、開発者には効率的な移行に必要な時間と経路が与えられています。最終的にプラグインやテーマ開発者は、コアのサポートするツール群の利点を活かした魅力的で、ビジュアルな体験をこれまで以上にユーザーに届けることができるでしょう。
貢献者
Gutenberg は多くのボランティア貢献者により開発されています。CONTRIBUTORS.md にて参加者のリストをご覧ください。
ブロック
このプラグインは11個のブロックを提供します。
- core/block
- core/calendar
- core/tag-cloud
- core/rss
- core/legacy-widget
- core/categories
- core/latest-comments
- core/archives
- core/shortcode
- core/latest-posts
- core/search
FAQ
- フィードバックやバグ報告をするには ?
-
バグ報告、機能の提案、あらゆるご意見をぜひお寄せ下さい。GitHub issues ページで既存のイシューを検索するか、新しく作成して下さい。プラグインフォーラムでの報告をイシューとして分類しているため、GitHub リポジトリのほうがより早く回答が得られますし、無駄な手間も省けます。
- 貢献するには ?
-
このエディタープロジェクトは巨大な事業のため「Gutenberg」と呼ばれています。毎日 GitHub 内で作業が行われており、常に一緒に開発してくれる方を募集しています。フィードバックも歓迎します。まずは
Slack#core-editorチャネルに参加してみてください。また CONTRIBUTING.md も参照してください。
- Gutenberg 関連のドキュメントはどこにありますか?
評価
貢献者と開発者
変更履歴
Enhancements
- Introduce Link Target support in Button block.
- Limit the maximum height of the HTML block.
- Show the preview button on mobile viewports.
- Remove nested block restrictions from the Cover and Media & Text blocks.
- A11y: Improving and standardize the block styles focus and active states.
- Always collapse block alignment toolbars.
Bug Fixes
- Fix using the Classic block in nested contexts.
- Fix lost nested blocks if the container block is missing.
- Fix pasting content into nested blocks.
- Fix race condition in the block moving animation causing blocks to overlap.
- A11y: Make the Table block accessible at high zoom levels.
- A11y: Change the font size picker markup to use select.
- A11y: Match the primary button disabled state to Core’s color contrast.
- Fix the z-index of the block toolbars for blocks following wide aligned blocks.
- Hide the columns count control when the columns block placeholder is shown.
- Prevent the block movers from disappearing on middle breakpoints for full/wide blocks.
- Slimmer top/bottom spacing inside notices shown outside the editor canvas.
- Fix converting video shortcode into video blocks when file type sources are used.
- Localize the read more link in the latest posts block.
- Fix issue with inconsistent nesting appender.
- Fix styling of IconButton used in ButtonGroup components.
- Remove Change Permalinks button when permalink is not editable.
- Fix aspect ratio typo and recalculate padding in embed block.
- Ensure hour/minute fields are always shown left to right in RTL languages.
- Refactor the empty line padding in the RichText component. This fixes padding issues in the list block in Firefox.
- Improve the stability of the RichText placeholder.
- Add custom placeholder support for the button block.
- Show the image size labels on the block-based widget screen.
Documentation
- Clarify the block title and description conventions.
- Add RichText component documentation to the Block Editor Handbook.
- Improve the repository triage docs.
- Adds documentation for the PluginDocumentSettingPanel SlotFill.
- Tweaks and typos: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12 , 13, 14.
Divers
- Add a simple API to register block style variations on the server.
- Allow alternative blocks to be used to handle Grouping interactions.
- Fix Travis instability by waiting for MySQL availability before install the plugin.
- Continue the generic RichText component refactoring.
- Remove the usage of the editor store from the block editor module.
- Update the MilestoneIt Github action to read the plugin version from master.
- Refactor the post meta block attributes to use a generic custom sources mechanism.
- Expose position prop in DotTip component.
- Avoid docker containers automatic restart.
- Bump Lodash dependencies to 4.17.14.
- Fix the build command on Windows environments.
- Add allowedFormats and withoutInteractiveFormats props to the RichText component to control the available formats per RichText.
- Remove inappropriate executable permissions from core-data package files.
- ESLint Plugin: Exempt React hooks from no-unused-vars-before-return.
- Use React Portal based slots for the block toolbar.
- Use combineReducers utility from the data module instead of redux.
- Support hideLabelFromVision prop in all control components.
- Adds missing babel-jest and core-js dependencies to the scripts package.
Mobile
- Tapping on an empty editor area creates a new paragraph block.
- Fix video uploads when the connection is lost and restored.
- Track unsupported block list.
- Insert new block below the post title if the post title is selected.
- Run the mobile tests in the Gutenberg CI server.
- Replace use of deprecated componentWillReceiveProps in ImageEdit.
- Show placeholder when adding block from the post title.
- Blur post title any time another block is selected.
- Inserting block from the post title replaces empty blocks.
- Update Video caption placeholder color to match other placeholder text styles.
- Move the post title selection state to the store.