GutenbergWordPressEditorについて知っておくべきこと

Gutenberg WordPressエディターは、WordPressコアの最も重要な側面の1つになります。 しかし、それはウェブサイトの所有者にとってさえ何を意味するのでしょうか？ ユーザーがすでにページビルダーを使用している場合はどうなりますか？ このガイドでは、これらの質問などに回答します。 また、グーテンベルクの基本についても話します。 さらに、最新バージョンについて知っておくべきことすべてについてお話します。 それまでの間、WordPressのデザインを簡単にするためのページビルダープラグインをご紹介します。

グーテンベルクワードプレスエディターを理解する

Gutenberg WordPressエディターは、新しいビジュアルエディターです。 また、WordPressコアに組み込まれるように設計されています。 グーテンベルクは、ページビルダーのような機能を追加することで役立ちますが、コンテンツブロックが追加されています。 たとえば、TinyMCEをデフォルトのコンテンツエディタの1つとして復元する場合があります。

それでも、使用すると、コンテンツがさまざまなタイプのブロックに追加されることに気付くでしょう。 さらに、追加はWordPressバックエンドから直接開始されます。

さらに、グーテンベルクは単なる編集者ではありません。 コンテンツ公開エクスペリエンス全体にカスタマイズを追加します。 これにより、ユーザーはモダンなデザインを作成できます。 また、より良い編集体験を提供します。 さらに、WordPressWebサイトの将来の基盤を構築します。 グーテンベルクは、WordPress5.0内でリリースされる予定です。

グーテンベルクワードプレスエディターの主な目的

機能の観点からグーテンベルクの主な目的を見てみましょう。

主な用途は、「WordPressにリッチコンテンツを追加する」体験をより楽しくエキサイティングにすることです。

これは、WordPressの進化における重要な前進です。 グーテンベルクがなければ、WordPressのネイティブ機能には記事用の基本的なテキストエディタしか含まれていません。 また、Gutenbergを使用すると、WordPressユーザーは見栄えの良いコンテンツレイアウトを作成できます。 さらに、グーテンベルクは、WordPressのユーザーエクスペリエンスを簡素化するための多くの重要な移行の1つです。

グーテンベルクについて進行中の議論について疑問に思っていますか？ 次に、これについて詳しく説明します。

マット・マレンウェッグはグーテンベルクの背後にいる著名な人物です

「StateoftheWord 2016」でのマレンウェッグの発表によると、グーテンベルクはビジュアルエディターです。 ただし、これはWordPressの将来に焦点を当てた3つの主要なコアの1つです。 2017年の初め、MullenwegがプロジェクトリーダーとしてGutenbergを引き継ぎました。 しかし、さらなる発展のために、マレンウェッグはジョエン・アスムッセンとマティアス・ベンチュラを雇いました。 彼は彼らを自動従業員として雇っています。 したがって、グーテンベルクについてマレンウェグについてもっと読みたい場合は、「理由のためにグーテンベルクと呼んだ」にアクセスしてください。

WordPressプラグインのディレクトリにあるWordPressプラグインとしてダウンロードすることで、GutenbergをWordPressサイトに追加するのは非常に簡単です。
Gutenbergプラグインは、新機能や改善された機能が引き続き追加されるため、毎週更新されます。 ただし、このプラグインの説明に注意してください。 これはまだベータ版のソフトウェアであり、十分な注意を払って使用する必要があります。 前述のように、このエディターはWordPress5.0に統合される可能性があります。

グーテンベルクはまだ実装されています

グーテンベルクの今後の機能について知っておくべきことは次のとおりです。

• グーテンベルクはまだ終わっていません。 グーテンベルクのさまざまな機能が現在実装されています。 それに加えて、新しいバージョンでは、以前に実装された機能とUIが改善されています。
• グーテンベルクが現在正しく機能していなくても心配しないでください。 チームが開発を続けるにつれて、問題が解決されています。
• エディターはReactJavaScriptの助けを借りて書かれています。 しかし、FacebookがMITライセンスという名前でプロジェクトを再ライセンスするという現在の行為を考慮して、マット氏は、Gutenbergとwordpress.comが別のライブラリで書き直されることを発表しました。 これにより、グーテンベルクの進歩がしばらく遅れます。

グーテンベルクの埋め込みとブロック

レイアウトとコンテンツをカスタマイズするために、グーテンベルクはさまざまなブロックを提供しています。

これがグーテンベルクが提供する埋め込みです。

グーテンベルクの長所

GutenbergをWordPress5.0に組み込むことの大きなメリットのいくつかを次に示します。

WordPressビジュアルエディターの進捗状況

• 何年もの間、WordPressビジュアルエディターはかなり当たり障りのないものでした。
• グーテンベルクの目的は、ユーザーにとって非常に直感的なインターフェースを統合することです。 WordPressがSquarespaceやWixなどの他のビジュアルエディターと競合できるように設計されています。

HTMLコメントを使用してブロック情報を保存するための賢い動き

• グーテンベルクはブロック情報をHTMLコメントに保存します。
• これらのコメントは、サイトのライブページには積極的に表示されず、サイトのバックエンドでのみ表示されます。

サイトを壊すことなくグーテンベルクを簡単に無効にすることができます

• 他のページエディタとは異なり、このビジュアルエディタ–グーテンベルクはサイトを壊すことなく簡単にアンインストールできます。
• グーテンベルクを再びアクティブにすると、以前に配置されたブロックを失う可能性はありません。 HTMLコメントは常にコンテンツに保持されます。
• Gutenbergが非アクティブ化されている場合、ページソースがHTMLコメントをレンダリングする可能性があることに注意する必要があります。

コピー/貼り付けルーチンのより良い実行

• 以前のグーテンベルクのバージョンでは、コピー/貼り付けの実装は混乱に他なりませんでした。 また、このプロセス全体でフォーマットが失われていましたが、現在はそうではありません。
• リスト、見出し、段落などを貼り付けると、適切なタイプのブロックになり、グーテンベルクによって自動的に作成されます。
• イタリックや太字などのテキストマークアップも保持されます。

強力なHTML5出力

• グーテンベルクは、図やセクションなどのHTML 5タグを使用して、出力コンテンツをブロックします。
• HTML 5タグの助けを借りて、将来を見据えたコンテンツをグーテンベルクで構築することができます。

ブロックを書きやすい

• カスタマイズされたコンテンツを作成するために、開発者は独自の個人用ブロックを作成できます。
• グーテンベルクでのブロックの作成に関する詳細情報を入手するために利用できるオンラインリソースはたくさんあります。

グーテンベルクを使用することの短所

ブラウザにこれ以上の構成はありません

• グーテンベルクのUIの焦点は、コンテンツの作成ではなく、コンテンツのレイアウトにあります。
• 投稿ウィンドウを使用してコンテンツを作成する開発者の昔は終わりました。

UIが少し不格好な場合があります

• 一部の単純なタスクでは、以前よりも多くのアクションが必要になる場合があります。 ページを更新するときは、1回ではなく2回クリックする必要があります。 正確な機能について多くの手がかりがない、説明のつかないアイコンがいくつかあります。
• 小さいディスプレイの場合、ユーザーが下にスクロールすると、3列のレイアウトが混乱する可能性があります。 これらの3つの列には、Gutenbergエディター、管理メニュー、およびGutenbergサイドバーが含まれます。 これは、画面サイズが12インチ以下の場合に特に当てはまります。
• エディターの横と下にあるメタボックスは、拡張設定では表示されません。

段落にはショートコードはありません

• 今のところ、段落ブロックまたはテキスト列でショートコードを実行する可能性はありません。
• それらを機能させるには、ショートコードブロックに組み込む必要があります。
• ショートコードが年や行動のインライン呼び出しなどのインラインコンテンツを生成している場合、これにより問題が発生する可能性があります。
• グーテンベルクが既存のサイトに統合されている場合でも、投稿/ページのショートコードは引き続き機能する可能性があることに注意してください。 開発者は、現在のプラットフォームが壊れないようにするためのより良い仕事をしました。

段落に他の埋め込みや画像はありません

• グーテンベルクでは、画像にブロックが必要です。 したがって、画像をテキストで囲むことはできません。
• 同様に、ビデオやオーディオなどの埋め込みにもブロックが必要です。 そうしないと、Vimeo、YouTubeなどからの埋め込みが、グーテンベルクのテキスト列または段落で機能しなくなる可能性があります。

主なアクセシビリティの懸念（少なくとも今のところ）

• 今のところ、グーテンベルクはアクセシビリティの問題に直面しています。 エディターのバックエンドを使用してアクセスすると、重大な問題が発生する可能性があります。 これは、フロントエンド（つまりインラインCSS）でのコンテンツ出力にも当てはまります。
• 最終リリースの前に、WPアクセシビリティチームはこれらの問題を解決する可能性があります。
  -一般的に、アクセシビリティはWordPressの優先事項です。
  -インラインCSSは現在、フロントエンドでレンダリングする前にHTMLコメントに保存されているため、開発者がこの問題にどのように対処するかが大きな問題になっています。

古いテーマはHTML5出力に対応していません

• エディターは、figureやsectionなどのHTML5タグを使用して出力コンテンツをブロックします。
• 古いテーマの多くは、タグのスタイルに対処するためのCSSを備えていません。 したがって、そのようなタグのパディングまたはマージンは存在しない可能性があります。
• グーテンベルク自体には、これを説明する独自のスタイルシートはありません。

グーテンベルクではまだ多くのことが解決されていません

テーマとグーテンベルク編集者の関係：

• 先に述べたように、グーテンベルクは全体的なスタイリングではなく、コンテンツに重点を置いています。 ブロックに背景色を追加することもできますが、これはインラインスタイルのように実行されます。
• 今のところ、マージンとブロックパディングは対処されていません。
• 他のWordPressページビルダーを使用すると、ユーザーは列、行、間隔などの制御を簡単に微調整できます。現在、グーテンベルクはこのテーマに依存しています。
• グーテンベルクのテーマのサポートに関しては、ドキュメントにほとんど情報がありません。 これには、幅広い画像のサポート、ブロックのサポート、およびカラーパレットのサポートも含まれます。
• グーテンベルクエディタへのスタイルの適用とスタイルシートの使用に関する情報がドキュメントに少しあります。
• 主な問題は、グーテンベルクがWeb開発/デザイン初心者の問題をまだ解決していないことです。 彼らはグーテンベルクが支援しようとしている聴衆ですが、これらの人々のほとんどは、テーマとWordPressのシステムとの関係がどのように機能するかについては知りません。

グーテンベルクはWordPressのコアにどのように組み込まれますか？

これまでのところ、グーテンベルクがWordPressコアの一部になる方向を示しています。 WordPressバージョン5.0は2018年にリリースされる予定です。
エディターがデフォルトで有効になるのか、それとも選択して無効にできるのか疑問に思っている場合、これらの質問にはまだ回答がありません。 この時点では、確実に言うことはできません。 たぶん、エディターはREST APIと同じ方法で実行されます（デフォルトでオン）。 また、単一目的のプラグインまたはiThemesSecurityなどのさまざまなセキュリティプラグインを使用して簡単に無効にすることができます。

ほとんどの人は、「DisableGutenberg」プラグインまたはコードブロックが付属すると考えています。 おそらく、有名なページビルダーには、設定でグーテンベルクを無効にするオプションが含まれている可能性があります。 人気のある提案の1つは、Jetpackで提供し、ユーザーがそのプラットフォームを使用してアクティブ化できるようにすることです。

GutenbergWordPressEditorのリリース日

これまでのところ、正式なリリース日は発表されていません。

しかし、マット・マレンウェッグは次のように述べています。 「グーテンベルクのチームは一歩後退しています。彼らは別のライブラリを使用してグーテンベルクを書き直すためにそれを行っています。これにより、グーテンベルクのリリースが少なくとも数週間遅れる可能性があります。これがまさにその理由です。グーテンベルクのリリースは2018年にプッシュされました。」

この特定の声明に対して多くの強い反応がありました。 たとえば、 Yoastは次のように述べています：

「Yoastでは、これらの言葉にかなりショックを受けました。現在の形では、グーテンベルクは主流の使用の準備ができていません。実際、2018年前半のどこかでリリースされる準備ができているとは考えていません。また、リリースの準備ができているということは、コミュニティがすべての統合を修正するための十分な時間を持っていることを意味します。しかし、現時点では、プラグインをグーテンベルクと統合することはまったく不可能です。プラグインの作成者は一体どうすればよいのでしょうか。数か月以内に統合を構築するには？それは不可能です。少なくとも物事を壊さずにはいられません。」

Yoastはグーテンベルクの代替コースを推奨しています

「私たちはブロックのアイデアに非常に熱心です。しかし、技術的な選択のいくつかについて強い懸念を持っています。また、実装プロセスの速度についても懸念しています。さらに、私たちの懸念は、それでも、プラグインを新しいエディターと統合できないという事実を非常に心配しています。」

Yoastは、プラグインをGutenbergに組み込むという概念について話し合いました。

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

グーテンベルクについてのあなたの意見は何ですか？

これに答えるには、グーテンベルクをぜひ試してみてください。 また、Gutenberg WordPressエディターをテストサイトで使用して、探索してください。 その後、好き嫌いを教えてください。

それでも、フィードバックをグーテンベルクチームに直接送信することができます。 グーテンベルクのサイドバーメニューのフィードバックセクションに移動します。 グーテンベルクとの仕事の経験について彼らに話してください。 その結果、あなたはこのプロジェクトを成功させる一員となるでしょう。