Gutenberg

説明

「Gutenberg」は、WordPress での制作におけるまったく新しいパラダイムのコードネームです。ヨハネス・グーテンベルクが印刷業界に果たした影響と同じように、パブリッシング体験全体の革新を目的とします。プロジェクトは、WordPress のあらゆる部分を対象とする4つのフェーズ、「編集」「カスタマイゼーション」「コラボレーション」「マルチリンガル」から成ります。

2018年12月に導入された、投稿のブロックによる編集の導入に続き、2021年、Gutenberg はフルサイト編集 (Full Site Editing, FSE) を導入し、2021年始め、WordPress 5.9 と共にリリースしました

Gutenberg は何をしますか ?

Gutenberg は、WordPress の「ブロックエディター」で、サイト全体の変更にモジュラーアプローチを導入しています。投稿や固定ページ上の個々のコンテンツブロックを編集できます。ウィジェットを追加し調整できます。フルサイト編集のサポートにより、サイトのヘッダー、フッター、ナビゲーションのデザインも可能です。

エディタ内のコンテンツの各部品は、段落から画像ギャラリーや見出しまで、それぞれが固有のブロックです。物理的なブロックと同じように、WordPressのブロックも、追加、配置、再配置が可能で、ユーザーは視覚的に直感的な方法で、メディアリッチなコンテンツやサイトレイアウトを作成できます。ショートコードやカスタムHTML、PHPなどの回り道は必要ありません。

私たちは、常にエクスペリエンスの改良、より多くの優れたブロックの作成、将来の作業フェーズのための基礎固めに励んでいます。WordPress の各リリースには Gutenberg プラグインの安定した機能が含まれます。プラグインをインストールしなくても、ここで行われている作業の恩恵を受けられます。

誰よりも先に

技術に明るいアーリーアダプターで、最先端の実験的な機能を試すのが好きで、まだ活発に開発が行われている機能でも恐れずに触れる方なら、このベータ版プラグインで、ブロックやフルサイト編集の最新機能にアクセスし、同時に今後登場する機能を垣間見ることができます。

コントリビュータ募集中

冒険好きで技術に明るい方は、Gutenberg プラグインで最新かつ最高の機能セットを利用できます。私たちと一緒に最先端の機能をテスト、開発し、ブロックで遊び、貢献し自分のブロックを作成しましょう。

さらに発見

  • ユーザードキュメント: 投稿や固定ページなどの執筆にエディターを使用する際の詳細な手順についてはドキュメント「WordPress のエディター」を参照してください。

  • 開発者ドキュメント: 幅広いチュートリアル、ドキュメント、エディターの拡張に関する API リファレンスについては開発者ドキュメントを参照してください。

  • 貢献者の方へ: Gutenberg はオープンソースプロジェクトであり、コードから設計、ドキュメントからトリアージまで、すべての貢献者を歓迎します。協力方法の詳細については Contributor’s Handbook をご覧ください。

Gutenberg プロジェクトの開発ハブは、https://github.com/wordpress/gutenberg にあります。プロジェクトの議論は、Make Core Blog と Slack の #core-editor チャンネルで行われており、毎週のミーティングも開催されています。Slack のアカウントをお持ちでない方は、こちらからサインアップしてください。

FAQ

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

バグの報告や機能提案、その他のフィードバックには、Gutenberg GitHub の issue ページ が最適な場所です。新しい issue を作成する前に、既存の issue を検索して、同じフィードバックを報告している人がいないかどうか確認してください。

このプラグインフォーラムで報告された問題も、できるだけトリアージに努めていますが、GitHub にフィードバックを集めることで、より迅速な対応が可能となり、重複作業も減らせます。

セキュリティ関連のバグはどこに報告しますか ?

Gutenberg チームと WordPress コミュニティは、セキュリティ関連のバグに真剣に取り組んでいます。あなたが責任を持って発見を開示されようとしている労力に感謝し、あなたの貢献を認めるために最大限の努力をします。

セキュリティ問題を報告するには、WordPress HackerOne プログラムにアクセスしてください。

新しい機能のために、Gutenbergプラグインを使用する必要がありますか?

必要ありません。WordPress 5.0以降の各バージョンには Gutenberg プラグインの機能が、WordPress エディターと総称して搭載されています。おそらく、すでに安定した機能の恩恵を受けているはずです。

しかし、より実験的な項目を含む最先端のベータ機能を求めるのであれば、プラグインを使用する必要があります。プラグインが適切かどうか判断するには、こちらの記事を参照してください。

WordPress の各リリースに含まれる Gutenberg プラグインのバージョンはどこで調べられますか ?

ドキュメント「WordPress に組み込まれたバージョン」を参照してください。WordPress のリリースと含まれる Gutenberg プラグインのバージョンを記述した表があります。

プロジェクトはこれからどうなりますか ?

プロジェクトの4つのフェーズは、「編集」「カスタマイズ」「コラボレーション」「国際化」です。プロジェクトやフェーズの詳細については、マット氏の講演「State of the Word」の2021年版2020年版2019年版2018年版をご覧ください。さらに、現在進行中の最新情報を得るには、Make WordPress Coreブログで、隔週のリリースノート毎月のプロジェクトプランアップデートをフォローしてください。

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

評価

2025年1月8日
Hello. Unfortunately, this Gutenberg editor seems not to be born to be an editor. It’s very difficult for it to become one as it grows. Many of my acquaintances and clients are struggling to use it. We try to teach them, but it’s so hard that they give up. That’s why they all feel very happy when they switch back to the classic editor. Because they are just adding text and images. They still use the classic editor for e-commerce. For these reasons, Gutenberg will never become the default editor in WordPress. I have a suggestion to make this work better. When content is added with Gutenberg, it could initially be a simple WYSIWYG editor, still using Gutenberg. Similar to the comment box we use here. If it had tools for adding images and other Word-like features like bold, italic, image addition… Maybe it could also just be a simple column where text and images can be added. In other words, a default block similar to TinyMCE. Additionally, there could be a button for switching to block mode at the top, which opens the block editor when clicked. If a design is required, this button would be used; otherwise, there could be a simple interface similar to TinyMCE by default… I think if something like this is implemented, many people will start to like the Gutenberg editor. Good luck!
2025年1月7日
Gutenberg is unusable, so many redundant options, common actions moved into sub-menus adding extra clicks everywhere. Very frustrating to use and delays progress when working.
2024年12月26日 2 replies
When I originally reviewed this editor I gave it 1 star. Months later I changed my review to 3 stars and now I’m going to 4 stars. In the beginning there were too many bugs and it wasn’t integrated enough. It truly was a 1 star editor when Automattic decided to ship it with whatever version that was that this first appeared in core. I still believe it needed more time. In fact, it shouldn’t have been included in core until around now. The gun was jumped. Now that I’ve had time to enjoy full block themes with the full site editor, and now that there are many add on blocks out there, it’s nice. It makes creating a new page with multiple columns very easy. Or, as a great example, I found a contact form block. I’ve never been able to add a contact form that quickly. Overall, once you learn where everything is, it’s very powerful and fun to use. Most of the time. There are still quirks. One is that depending on the height of a block, number of columns, and alignments, you might click forever trying to select one column and never succeed. Unless you revert changes and try again. But, when it works, it’s a better editor than the classic TinyMCE editor. Now I don’t want it to go away. I just want it to continue to improve.
2024年12月19日
After years of development, Gutenberg still sucks just as much as when it first came out.Matt W, who forced Gutenberg on us all doesn’t even know how to use it properly. He lost a speed build competition because he didn’t find GB easy enough to use (see the competition here: youtube dot com/watch?v=BzduYKuZAIg) I really tried to use it, as i believe in websites with as few plugins as possible.But there is no way my websites will be better without using pre-made blocks by premium providers (kadence or similar). So i might as well stick to page builders. I have delivered websites to 50+ clients, and all of them need tutorials on how to use the GB editor for something so simple as blog posts (which is only text and images).They all knew how to use the previous editor, but this one overwhelms absolutely everyone. Until the feedback is obvious enough to change direction of this horrible editor, i’m sticking with Bricks Builder (which is amazing btw).Bricks Builder has existed for a shorter time span than Gutenberg editor, and it’s a full-blown site editor. I don’t understand the scope of the failure of this project (except for the obvious fact that Matt doesn’t listen to the thousands of feedback and complaints from the community). Good luck!
2024年12月15日
I know my review doesn’t matters, But let know the others. Previously I’m using Oxygen Builder now switched to Gutenberg for flexibility and many other things, But after 3 months I’m not only disappointed but frausteted for six reasons. I don’t want to develop block and build each time for basic things. I want to use JavaScript library ( alpine, parallax, splide and many others ) for any kind of interaction. There is no native HTML elements, neither Attribute Support. When applied classes to image block after inspection I get to know it’s wrapped inside figure element where my classes applied. No Custom Html Tag support, it has not even basic tag like span, html tag support on only group, stack, row and grid this is rigid. It has bunch of predefined classes which I don’t need many times so I have to rewrite and override the element again and again. There is limited design elements available on many blocks basic things like overflow, back-filter, row reverse on mobile. You Proudly say create website without css let me I ask you again can you create website without css it’s core heart of website and you are saying you will remove and it will work try with your own body and let me know about it. For responsiveness, I thank you first off all to make me learn about fluid typography and fluid dimensions. Now get to point atleast there should be atleast one breakpoint for every elements. Look your Intrinsic Design is good Idea but it is not working with Clients, So please understand this there is many times there complex layout by UI/UX designer. As dev I need to do it. E-commerce – mainly i create e-commerce website with woocommerce in two or three months ago, now I’m creating with Medusa.js it is because woocommerce and WordPress both make me do it. If I have to create e-commerce website I have to control each and every macro element/components like your Product Collection block or repeater block. There is problem in structure ( ul ( image, name, price, Add to Cart )) it’ should be like this ( ul (li ( image, name, price, Add to Cart ))) inside block editor but li is missing from block editor so I can’t add any kind of classes to it I have to add through JavaScript same goes with price there is two price element sale price and regular price I can’t able to change basic css of one element through block editor and almost same goes with add to Cart i can’t even add icon beside add to Cart text. There is many things missing. You want to to choose how rivers flow but you should know rivers will always find their own way. Last but not least I have good journey with With WordPress and Woocommerce now it’s time to say Good Bye 👋
3,812件のレビューをすべて表示

貢献者と開発者

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

貢献者

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

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

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

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

変更履歴

最新の Gutenberg の変更履歴は、リリースページを参照してください。