グーテンベルクワードプレスエディター：あなたが知る必要がある10の事柄

WordPressブロックエディターとしても知られるGutenbergWordPressエディターは、WordPressコアの一部になりました。 WordPressエディターへのこの新しいアプローチはあなたにとってどのような意味がありますか？ すでにWordPressページビルダーを使用している場合はどうなりますか？

このガイドでは、WordPress用の新しいGutenbergエディターの基本と知っておくべきことについて説明します。

グーテンベルクワードプレスエディターとは何ですか？

Gutenberg WordPressエディターは、WordPressブロックエディターとも呼ばれ、WordPress5.0以降に含まれる新しいページビルダーです。 グーテンベルクエディターは、すべての最新のWordPressWebサイトにコンテンツブロックとページビルダーのような機能を追加します。

Gutenbergは、投稿とページのデフォルトのコンテンツエディターとしてTinyMCE（WYSIWYG）を使用していた以前のWordPressクラシックエディターに代わるものです。 グーテンベルクでは、コンテンツは1つの大きなコンテンツ領域内ではなく、個々の「ブロック」に追加されます。

新しいWordPressブロックには、段落、見出し、リスト、画像、ギャラリー、埋め込みなど、あらゆるものが含まれています。

グーテンベルクはWordPress5.0でリリースされました。これは、WordPressの数年で最大のアップデートでした。 グーテンベルクがリリースされて以来、新しいWordPressエディターについては健全な議論が続いており、WordPressを使用してWebサイトを開発、使用、設計する多くの人々が関わっています。

グーテンベルクの目的

グーテンベルクエディターの主な目標は、ユーザーがより柔軟に投稿やページを作成できるようにすることでした。 グーテンベルクは、WordPressが他のページ構築ウェブサイトプラットフォームとより直接的に競争するのを助けることを目的としていると推測することもできます。

文脈のために、ここに新しいGutenbergWordPressエディターの目的についてのいくつかの引用があります。

• 「ブロックエディターの目標は、WordPressへのリッチコンテンツの追加をシンプルで楽しいものにすることです。」 –WordPress.orgのGutenbergプラグインの説明から。
• 「グーテンベルクはWordPressにとって重要な前進です。 グーテンベルクは、WordPressが記事を書くだけでなく、コンテンツのレイアウトを構築できるようにします。 これは、より簡素化されたユーザーエクスペリエンスに向けてWordPressで起こっている多くの移行の1つです。」 – Zack Katz、WordCamp Denver2017で講演

グーテンベルクがWordPressを前進させるのはなぜですか？ WordPressビジュアルエディターは何年も停滞しています。 それは予測可能でしたが、それは正確に素晴らしい経験ではありませんでした。 目標は、WixやSquarespaceが提供するような新しいユーザーにとってより直感的なインターフェースを持つことです。

1.WordPressの創設者であるMattMullenwegは完全にグーテンベルクの後ろにいます

• The State of the Word 2016で、Mullenwegは、ビジュアルエディターが2017年の3つのコアフォーカスの1つになると発表しました。
• Mattは、今年初めにGutenbergのプロジェクトリーダーを引き継ぎ、Automatticの従業員であるMatiasVenturaとJoenAsmussenを開発のリーダーに任命しました。
• ここでマットのグーテンベルクに関する見解を読んでください：私たちはそれを理由のためにグーテンベルクと呼びました。
• また、グーテンベルクはREACTjavascriptを使用して記述されていることにも注意してください。 FacebookがMITライセンスの下でプロジェクトを再ライセンスするという最近の動きに伴い、Matt Mullenwegは、WordPress.comとGutenbergが別のライブラリを使用して書き直されることを発表しました。 REACTとWordPressの詳細はこちらです。

2.グーテンベルクは最初、まだ活発に開発されている別個のプラグインでした

グーテンベルクがWordPressのコアバージョンに組み込まれる前は、グーテンベルクは、ユーザーがそれをテストして、WordPress内のコンテンツの作成と編集の方法をどのように変えるかを確認できる別個のプラグインとして最初に開発されました。

• 今日でも、グーテンベルクプラグインは毎週更新されて活発に開発されています。
• Gutenbergプラグインは通常、コアWordPressよりもいくつかのバージョンリリースが先行しているため、WordPressコアに導入される前にWordPressブロックエディターの新機能をプレビューできます。
• Gutenbergプラグインを実行することは、WordPressブロックエディターの最新の新機能を取得するための優れた方法です。 また、開発者やクライアントと協力してブロックエディタの展望を知ることも非常に役立ちます。

3.グーテンベルクはデフォルトのコンテンツエディターとしてWordPress5.0に組み込まれました

2018年12月16日、WordPress5.0がリリースされました。 このWordPressのメジャーバージョンリリースには、投稿およびページエディターの大幅な見直しが含まれ、デフォルトのWordPressエディターとしてGutenbergが導入されました。

WordPressの歴史の中で最も期待され、熱く議論されているリリースとして、Gutenbergエディターは、WordPressの開始以来存在していた以前のクラシックエディターからの劇的な逸脱を表しています。 一部のユーザーは、5.0リリース後のWordPressエディターの大幅な違いに気をとられている可能性があります。

4.グーテンベルクは一般的にWordPressブロックエディターとも呼ばれます

時が経つにつれ、新しいWordPressエディターを何と呼ぶか​​についてはまだ混乱があります。 プロジェクト名はグーテンベルクだったので、今でもグーテンベルクエディターとその「ブロック」グーテンベルクブロックと呼ぶ人もいます。

一方、新しいエディターは、WordPressユーザーインターフェイス内からはブロックエディターと呼ばれます。 WordPress.orgのドキュメントでは、単にWordPressエディターと呼んでいます。

5.グーテンベルクは、バージョンごとに進化と改善を続けています

2018年12月以降、WordPressコアのすべてのメジャーバージョンには、Gutenberg Editorの新機能、拡張機能、バグ修正が含まれています。 編集体験は進化し続けており、良い意味でです。

たとえば、WordPress 5.5の主な新機能と改善点は、主にブロックエディターに関連していました。 ユーザーインターフェイス、アクセシビリティ、ドラッグアンドドロップ、およびその他のユーザビリティの問題の改善は引き続き対処されます。

注：WordPressまたはGutenbergプラグインのメジャーバージョンを実行する前に、BackupBuddyなどのWordPressバックアッププラグインを使用してWordPressWebサイトのバックアップを作成することを強くお勧めします。

6.グーテンベルクブロックは拡大と改善を続けています

グーテンベルクの主な目標は、WordPress内で投稿やページを構成および編集する方法に関連して、より優れたリッチコンテンツ編集エクスペリエンスを作成することでした。 それを超えて、グーテンベルクのビジョンは、投稿/ページエディタを超えて、ウィジェットやサイドバー、さらにはWebサイトのヘッダーやフッターにまで及びます。

基本的に、グーテンベルクでは、投稿やページを取得して、コンテンツをさまざまな「ブロック」に分割することができます。 たとえば、WordPressブロックには、画像ブロック、段落ブロック、引用ブロック、見出しブロック、さらにはボタンブロックが含まれます。 詳細については、 WordPressブロック：グーテンベルクブロックの究極のガイドをご覧ください。

Gutenbergエディターに含まれているデフォルトのWordPressブロックのいくつかを次に示します。

7.グーテンベルクを無効にすることはできますが、永遠ではないかもしれません

グーテンベルクの編集者が好きではありませんか？ 新しいブロックエディタが、サイトを実行している既存のテーマやプラグインと完全に互換性がないことに気付く場合があります。 良いニュースは、…というプラグインを使用してクラシックエディタに戻ることができることです。ご想像のとおり、クラシックエディタです。

クラシックエディターは、以前の（「クラシック」）ワードプレスエディターと「投稿の編集」画面を復元する、WordPressチームによって維持されている公式プラグインです。 その画面を拡張するプラグインを使用したり、古いスタイルのメタボックスを追加したり、その他の方法で以前のエディターに依存したりすることができます。

WordPressチームによると、Classic Editorは公式のWordPressプラグインであり、少なくとも2022年までのみ完全にサポートおよび保守されます。最近「または必要な限り」追加されましたが。

WordPressでクラシックエディターを使用する方法の詳細は次のとおりです。

8.グーテンベルクにサードパーティのブロックディレクトリが追加されました

WordPressブロックディレクトリは、WordPressユーザーがWordPressブロックエディター内からサードパーティのWordPressブロックを検出、インストール、テストできる新しい方法です。 WordPress5.5で導入されたWordPressBlock Directoryを使用すると、ニーズに最適なWordPressブロックを簡単に見つけることができます。

ブロックプラグインをWordPress.orgプラグインディレクトリ内の他のプラグインと区別する必要がある方法についての議論に基づいて、新しいブロックディレクトリは、単一のブロックプラグインのみを含むプラグインディレクトリ内のセクションとして作成されました。 新しいWordPressブロックディレクトリはメインプラグインディレクトリとは別のものであるため、通常のWordPressプラグインまたは単一ブロックプラグインのいずれかを参照しています。

単一ブロックプラグインは、単一のGutenbergブロックを提供する比較的小さくて単純なプラグインであることが意図されているため、プラグインはブロックです。

WordPress 5.5では、必要なブロックをこれまで以上に簡単に見つけることができます。 新しいWordPressブロックディレクトリはブロックエディタに直接組み込まれているため、エディタを離れることなく新しいブロックタイプをサイトにインストールできます。

ページの左上にある「+」アイコンを使用して、新しいブロックインサーターを使用し、使用可能なブロックを検索します。 ブロックディレクトリはまだかなり新しいように見えるので、将来実際に離陸するのを監視してください（まだあまり多くのオプションはなく、レビューはほとんどありません）。

9.新しいブロックパターンがフルオンページ構築への道を開く

WordPress 5.5では、ブロックエディターにブロックパターンと呼ばれる新しい概念が導入されています。 ブロックパターンを使用すると、事前定義されたブロックレイアウトを作成して共有できるようになりました。 ブロックパターンは、ブロックエディタがページビルダーになるための道を本当に開きます。 ブロックエディタがこの方向に進化し続けるので、離陸するブロックパターンに注意してください。

画面左上の「+」アイコンで登録済みのブロックパターンを確認できます。 [ブロック]タブと[パターン]タブの両方（および、存在する場合は再利用可能）が表示されるので、これらのオプションを切り替えることができます。 次に、他のブロックと同じように、ブロックパターンを投稿/ページに追加できます。

新しいブロックパターンにより、組み合わせて組み合わせることができるブロックの組み合わせを使用して、複雑で美しいページと投稿のレイアウトを簡単に作成できます。 また、さまざまなプラグインやテーマにブロックパターンがあり、常に追加されています。

WordPress5.5リリース画面

WordPress 5.5には多数のブロックパターンが組み込まれていますが、サードパーティのプラグインやテーマで追加のブロックパターンを登録したり、既存のブロックパターンを削除したりすることもできます。 ブロックパターンの動作を確認するには、TwentyTwentyのデフォルトテーマを確認してください。 Twenty Twentyは、最新バージョンのWordPressで何が可能かを実際に強調しているため、開発サーバーにインストールするのに常に適したテーマです。

10.グーテンベルクがWordPressショートコードの必要性を変える

WordPressブロックエディターの前は、WordPressショートコードは、WordPress Webサイトのページ、投稿、その他のセクションにプラグインとテーマの機能を簡単に追加できるようにするために、WordPressエディターをヒットするのに最適なものの1つでした。

ブロックエディタへの移行に伴い、これはまだショートコードでいっぱいの古いプラグインやWebサイトのほとんどにとって何を意味しますか？ WordPressのショートコードは引き続き機能しますか？ WordPressショートコードの使用からWordPressブロックに簡単に移行する方法はありますか？

一言で言えば、WordPressブロックエディターはショートコードに大きな影響を及ぼします。 WordPressブロックエディターは、ほとんどのプラグインとテーマのショートコードの必要性と目的を根本的に変えます。 ブロックベースの編集システムでは、ページ上の各「要素」には、1つの編集可能なWYSIWYGエディターに含まれるのではなく、独自のブロックがあります。

グーテンベルクワードプレスエディターに関する注意記事

これは私がこれまで読んだグーテンベルクに関する最高の記事のコレクションです。

クリス・レマがグーテンベルクについて語る

http://chrislema.com/misunderstanding-goal-gutenberg-writing-experience/

抜粋：

• 「このプラグインの問題を解決しようとしているのなら、あるインターフェースで編集し、自分の作業成果物が思ったように見えない別のインターフェースに表示されるのを見るときに、人々が抱く認知的不協和ではないでしょうか。 NS？"

グーテンベルクに対するビーバービルダーの反応

抜粋：

• 「要するに、私たちはグーテンベルクを本当に興奮させ、支援しています！ 私たちの希望は、プロジェクトがBeaverBuilderが受け入れて拡張できるものに進化し続けることです。 私たちはプロジェクトのコアチームと協力しており、グーテンベルクが私たちのビジネスとWordPressスペース全般に与える潜在的な影響について、楽観的かつ慎重に推測しています。 グーテンベルクの「ブロック」がビーバービルダーモジュールと互換性がある場合、または保存した行をグーテンベルクのページにドラッグできる場合を想像してみてください。 または、グーテンベルクのテキストエディタをビーバービルダーでインラインで使用することもできます。 たくさんの楽しい可能性がありますよね！？」

エレガントなテーマ

抜粋：

• 「議論を見るとき、すべての変化がある程度の慣性と抵抗をもたらすことを覚えておくことは重要です。 WordPressは、変化する環境で競争するために前進する必要があります。 しかし、それは、表明されている懸念が有効でなく、対処する必要がないという意味ではありません。 ありがたいことに、開発者はまさにそれを行うために最善を尽くしています。 それでも、何人の人々が心配し、取り残されていると感じているかを見ると、おそらくいくつかの追加のコミュニケーションが必要です。」

WPMUのむしろ痛烈なレビュー

これはパンチを引っ張らない。

抜粋：

• 「グーテンベルクエディタープラグインに取り組んでいる開発者は明らかにプラグインの作成に多大な労力を費やしており、これまでの努力を称賛していますが、実際のところ、このプラグインはWordPressに含める準備が整っておらず、多くのことが必要です。より多くの作業、特にUX作業。」

Yoastがグーテンベルクの代替コースを提案

いくつかの重要な問題が指摘され、解決策が提案されています。

抜粋：

• 「私たちはブロックのアイデアに非常に熱心ですが、技術的な選択のいくつかと実装プロセスの速度について強い懸念を持っています。 また、プロジェクトにおけるアクセシビリティの問題が優先されていないことも懸念されています。 しかし、最も重要なことは、プラグインが新しいエディターと統合できないという事実を非常に懸念していることです。」

Yoastがプラグインをグーテンベルクと統合するためのコンセプトについて語る

これが他のプラグイン開発者が従うかもしれないリードです。

https://yoast.com/gutenberg-integration/

抜粋：

• 「私たちはすべての機能を分解し、それらをグーテンベルクに統合できる場所を見つけることから始めました。 エディターの下にある1つの巨大なボックスを保持することが、お客様に最適であるとは考えていません。 私たちはむしろ行動が起こった場所に正しく統合したいと思っており、グーテンベルクは私たちにそのチャンスを提供してくれます。」

カルデラフォームのジョシュポロック

彼がグーテンベルクについて間違っていると証明されたい5つの方法：

抜粋：

• 「これはWordPressの将来についての大きな決断です。 コミュニティとしての私たちがこれを正しく行うと信じていますが、それを正しく行うには、多くのテスト、反復、および議論が必要になります。」

まとめ：グーテンベルクについて何をすべきですか？

• 試してみる。 グーテンベルクを自分で知ってください。 テストサイトまたはライブサイトで試してみてください（はい、十分に安定しています）。 あなたが好きなものと嫌いなものを見てください。
• フィードバックを送信。 グーテンベルクプラグインは最近、サイドバーメニュー項目の下にフィードバックリンクを追加しました。 時間をかけて、グーテンベルクを使用した経験についてよく考えられた観察を提供してください。 「君たちはモロンだ」は彼らが探しているものではありません。
• 慌てる必要はありません。 これについては、多くの善良な人々によって多くの思慮深い議論が行われています。 ブロックエディターは改善を続けており、慣れるまでには少し時間がかかりますが、新しいエディターを完全に採用することは良い動きであることに同意しました。

その他のWordPressブロックエディター（グーテンベルクエディター）リソース

WordPressの再利用可能なブロック：究極のガイド

WordPressの再利用可能なブロックは、WordPressブロックエディターの強力な機能です。 再利用可能なブロックを使用すると、頻繁に使用するWordPressブロックをすばやく保存できます。 続きを読む …

WordPressブロックディレクトリ：エッセンシャルガイド

WordPress5.5で導入されたWordPressBlock Directoryを使用すると、ニーズに最適なWordPressブロックを簡単に見つけることができます。 続きを読む …

WordPressブロック：グーテンベルクブロックの究極のガイド

Gutenbergブロックとも呼ばれるWordPressブロックを使用すると、ユーザーは、投稿やページにリッチコンテンツを真に視覚的な方法で作成する簡単な方法を体験できます。 続きを読む …

クリステンライト

Kristenは、2011年からWordPressユーザーを支援するチュートリアルを作成しています。通常、彼女はiThemesブログの新しい記事に取り組んでいるか、＃WPprosperのリソースを開発しています。 仕事以外では、クリステンはジャーナリング（2冊の本を書いています！）、ハイキングやキャンプ、料理、家族との毎日の冒険を楽しんでおり、より現代的な生活を送っています。