Gutenberg

説明

Gutenberg は単なるエディターではありません。現在はエディターに注力していますが、このプロジェクトはパブリッシング体験全体に影響を与えるものです。今後はカスタマイズに注力していく予定です。

このプロジェクトについて詳しく知る

編集機能へのフォーカス

このエディターは、リッチな投稿や固定ページの作成を簡単にする、新たな執筆体験を生み出します。また「ブロック」によって、今日のショートコード、カスタム HTML や得体の知れない埋め込みが実現していることをより簡単にします。— マット・マレンウェッグ

WordPress が他のシステムと異なる点は、思い描いたとおりのリッチな投稿レイアウトが作成可能な点です。ただし、HTML や CSS の知識があり、カスタムテーマを作成できる場合に限ります。エディターを、リッチな投稿と美しいレイアウト作成ツールとして考えるなら、他の人も使っているから WordPress を使うのではなく、ユーザーが好きで WordPress を使うことになるでしょう。

Gutenberg はエディターを単なる入力欄と考えるのではなく、10年ほぼ大きな変更がなかったレイアウトを見直します。これによって、今どきの編集体験を全体的にデザインし、未来への基礎を築きます。

単なる入力欄ではなく、編集画面全体を考慮している理由は以下のとおりです:

  1. ブロックは複数のインターフェイスを統一します。既存のインターフェイスの上にブロックを追加すれば複雑さを取り除くどころか、逆に増やすことになります。
  2. インターフェイスを見直し、使いやすさとシンプルさにこだわり、新旧双方のユーザーに利益をもたらすことにより、執筆、編集、公開の体験を現代的にします。
  3. 単一ブロックインターフェイスが中心になれば、開発者にはショートコードやウィジェットよりも優れた素晴らしいブロックを開発する明確なパスが提示されます。
  4. インターフェイス全体を考慮することは、次に注力する領域 (サイト全体のカスタマイズ) への確固たる基礎につながります。
  5. 全体の編集画面を考慮することは、ベースから大幅に現代化し、WordPress REST API をフル活用した、より流動的で JavaScript に富んだ未来への一歩を踏み出すことができます。

ブロック

ブロックは、今まで異なる方法でカバーされていた「ショートコード」「埋め込み」「ウィジェット」「投稿フォーマット」「カスタム投稿タイプ」「テーマオプション」「メタボックス」その他のフォーマット要素などを統一的に進化させたものです。 ユーザーは、WordPress でできる幅広い機能を、明快で一貫した方法で利用できます。

例えば「従業員」というカスタムブロックを想像してください。アバウトページにドラッグすると、自動的に写真、氏名、プロフィールを表示できるとします。この世のすべてのプラグインが、同じ方法で WordPress を拡張することができ、メニューやウィジェットもシンプルになります。ユーザーは簡単に WordPress と大方のプラグインを理解して使用することができます。これによって簡単にサンプルのような美しい投稿を作成できます。

FAQ にて、プロジェクトについてのよくあるご質問と回答をご覧ください。

互換性

投稿には後方互換性があります。ショートコードもそのまま動くはずです。高度にカスタマイズされたメタボックスについては継続して調査中で、単純に Gutenberg を無効化するプラグインから、Gutenberg のロードの可否を自動で検出するソリューションまで幅広く検討しています。執筆から公開に至る新しい編集体験を確実にユーザーフレンドリーなものにしたいと考えている一方、高度にカスタマイズされた既存サイトに対しても、良いソリューションを見つけることをお約束します。

Gutenberg のステージ

Gutenberg では3つのステージが計画されています。WordPress 5.0 への同梱を予定している最初のステージの目標は投稿の編集体験とブロックの実装で、このフェーズではコンテンツ第一主義を唱えています。ブロックを使用することで、既に述べたようにユーザーはコンテンツがどのように表示されるかに集中でき、その他の構成オプションを気にする必要はありません。結果的に、すべてのユーザーがコンテンツを魅力的に、直接、ビジュアルに伝えられるようになるでしょう。

これら基本的な要素が来年に予定されている2番目、3番目のステージへの道を開き、最終的にはページテンプレート内での投稿を超えた、完全なサイトカスタマイズへとつながります。

Gutenberg は大きな変化です。ショートコードやメタボックスなど既存の機能が引き続き動作することを確認できるよう、開発者には効率的な移行に必要な時間と経路が与えられています。最終的にプラグインやテーマ開発者は、コアのサポートするツール群の利点を活かした魅力的で、ビジュアルな体験をこれまで以上にユーザーに届けることができるでしょう。

貢献者

Gutenberg は多くのボランティア貢献者により開発されています。CONTRIBUTORS.md にて参加者のリストをご覧ください。

FAQ

フィードバックやバグ報告をするには ?

バグ報告、機能の提案、あらゆるご意見をぜひお寄せ下さい。GitHub issues ページで既存のイシューを検索するか、新しく作成して下さい。プラグインフォーラムでの報告をイシューとして分類しているため、GitHub リポジトリのほうがより早く回答が得られますし、無駄な手間も省けます。

貢献するには ?

このエディタープロジェクトは巨大な事業のため「Gutenberg」と呼ばれています。毎日 GitHub 内で作業が行われており、常に一緒に開発してくれる方を募集しています。フィードバックも歓迎します。まずは
Slack #core-editor チャネルに参加してみてください。

また CONTRIBUTING.md も参照してください。

Gutenberg 関連のドキュメントはどこにありますか?

評価

Slow and lacking basic features

Gutenberg needs beta testing. It’s nowhere near ready for production. Half an hour of testing netted these problems prevented us moving even a single page to the block editor.

Case in point: changing the color of a word or two in a paragraph block requires editing HTML. How retro.

And good luck reordering blocks if there’s a classic block and online image block present. The editor shoots off your screen and prevents interaction.

Click on a classic block and the block will jump halfway down the page, probably causing at least one unintentional click by frustrating motor memories.

Gutenberg is an interesting but slow, limited, inefficient and unpolished concept piece at this point and not recommended in its current iteration.

What a horrible development

This is the worst thing I have seen in a while. Opened up my first page after this update and it was empty except the title. I am not a wordpress pro by any means and this almost killed me. Luckily someone realized what garbage this is and there were options to restore the editor to something usable.

Worst Thing They Could Have Done

This plugin is absolute trash. If i want a drag and drop i can choose one. This new composer is a complete disaster.

If it aint broke don’t fix it.

Cancel the Gutenberg Project

It’s always annoying when your code gets overwritten in an editor. I’m used to extra breaks and paragraphs now. But now in Gutenberg it is far far worse. Case in point, I embedded PayPal button code as per usual in code view and Gutenberg corrupted it. This is a bad sign.

I use WPBakery extensively so for me Gutenberg was not a useful change. I would like the project cancelled, personally. It does not work for me and I worry that its heavy-handed implementation will destroy the WP ecosystem in the end.

I’m so glad I have Divi.

This is awful. I’ve spent all of 10 minutes with it and I’m feeling so thankful I have Divi. I’ll definitely stick with Divi builder. It offers more design options (or if there are any with Gutenberg, I can’t figure them out).

One of my biggest irritations with Gutenberg right off the bat is the inability to change fonts. How is that option now available?

I hope WordPress keeps working on this.

1,935件のレビューをすべて表示

貢献者と開発者

Gutenberg はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

貢献者

“Gutenberg” は42ロケールに翻訳されています。 翻訳者のみなさん、翻訳へのご協力ありがとうございます。

“Gutenberg” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログRSS で購読してみてください。

変更履歴

Latest

Performance improvements

  • Optimize isViewportMatch
  • Performance: BlockListAppender: 1.7x increase on key press
  • Date: Optimize the usage of moment-timezone to save some kilobytes
  • RichText: selectionChange: bind on focus, unbind on blur
  • RichText: only replace range and nodes if different
  • Cache createBlock call in isUnmodifiedDefaultBlock
  • Edit Post: Select blocks only once multiple verified
  • RichText: Do not run valueToEditableHTML on every render
  • RichText: Reuse DOM document across calls to createEmpty
  • Only initialise TinyMCE once per instance
  • Optimize the insertion point component
  • Avoid rerending the current block if the previous block change
  • Avoid getBlock in block-list/block
  • Pass the registry argument to withDispatch to allow selectors to be used

Bug fixes

  • Annotations: Apply annotation className as string
  • RichText: Ensure instance is selected before setting back selection
  • Meta Boxes: Don’t hide disabled meta boxes by modifying DOM
  • Fix: Problems on Media & Text block resizing; Load wp-block-library styles before wp-edit-blocks
  • When a post is saved, check for tinymce and save any editors.
  • Fix: Undoing Image Selection from Media Library in Image Block breaks it
  • Add an end-to-end test for the HTML block
  • Fix regression when copying or cutting content in the editor
  • Fix issue where default appender has icons overlaying the text
  • Set document title for preview loading interstitial
  • Fix: Upload permissions error on end-to-end inline tokens test
  • Ensure classic block caret is in correct position after blur
  • Fix tab navigation sometimes skipping block UI
  • Improve font size picker accessibility: Use a menuitemradio role and better labels
  • Don’t show trashed reusable blocks in the editor or frontend
  • Rename functions, removing gutenberg_ prefix
  • Add block switcher end-to-end tests
  • Allow links in plugin group in the editor more menu
  • Introduce searching of block categories from slash inserter
  • Convert HTML formatting whitespace to spaces
  • Label link format with selected text, not full text
  • Ensure permalink panel is only displayed when a permalink is allowed
  • Allow the user to convert unembeddable URLs to links and try embedding again
  • Improve the top bar tools interaction and consistency
  • Fix overflowing content in the facebook embed preview screen
  • Add an action to set a category icon and correct block categories documentation
  • Fix: pasting a tag that is part of a transform and not matched ignores the content.
  • Packages: Extract Eslint config package
  • Add end-to-end test to catch revert of title during a preview after saving a draft
  • Avoid react warnings when merging two adjacent paragraphs
  • Avoid PHP notice in the recent comments block