確かに、Gutenberg エディターがデフォルトの WordPress 記事エディターになることが確認されました。 私ai 私は後者をテストすることができましたが、多くのユーザーがこの新しいエディターを使用できなくなるだろうとすぐに気づきました。それがこのチュートリアルの理由です。 そこで、一緒に Gutenberg エディターの基本を説明し、いくつかの高度なポイントを説明します。

始める前に

WordPressバージョン5.0(まだ開発中)をインストールする機能がない場合は、今すぐインストールできます グーテンベルクをダウンロード お使いのバージョンのWordPressでテストします(実験環境を再開します)。 しかし、この新しいエディターに与えられた評価を見て少し驚いたことは認めます。私のユーザーの半数以上が1/5の評価を与えました。

プレビューグーテンベルク評価wordpress.jpeg

私はそれを止めて、それの感触を得るためにテストするつもりはありません。

インターフェイスのプレゼンテーション

グーテンベルグを使用するには、 書きます あなたが過去に行ったように、(明らかに)記事、つまり " 記事>追加"。

グーテンベルクプレゼンテーション.jpeg

私が最初から気付いたのは、編集者が気を散らすものがないことに重点を置き、ページの全幅を利用していることです。

古いバージョンのwordpress.jpeg

グーテンベルクには余白が多すぎることを認識しなければならない場合でも、白い背景は気を散らすことが少ない色だと思います。 GutenbergはCalypso(WordPress.com)の投稿エディターによく似ていることに気付くでしょう。

カリプソエディタwordpress.jpeg

要素の場所

バックアップセクション

レイアウトが大幅に変更されました。 アイテム保存エリアが上部に配置されました。 むしろ、保存ボタンへのクイックアクセスセクションです。

バックアップセクションgutenberg.jpeg

設定アイコンの付いたボタンで、下のフラップを閉じることができます。 ビジュアルエディタとテキストエディタを切り替えるためのボタンが、右端の同じペインに配置されました。 記事をプレビューするには、「公開…」ボタンの前にある目をクリックする必要があります。

高度な制御gutenberg.jpeg

カテゴリと記事の可視性のために注目の画像を選択するためのセクションは、いつものように右側にあります。 「 ドキュメント 選択されています。

グーテンベルクセクションのカテゴリと画像はfirst.jpeg

ブロックセクション

これがグーテンベルクがもたらす革新です。 グーテンベルクのどの段落もブロックと見なされるべきであることを知っておく必要があります。 ブロックは、単独で調整できる可能性がありますが、ドキュメント全体で簡単に移動することもできます。

段落にカーソルを置いたら、選択したブロックの機能にアクセスするには、右側の[ブロック]タブをクリックする必要があります。

ブロックグーテンベルクwordpress.jpeg

これらの設定を使用すると、たとえば、ブロックにのみ適用される背景色を定義したり、ブロックのフォントサイズを変更したりできます。 かなり便利だと思います。

書式設定オプション

フォーマットは各ブロックの上に表示されます。

option formatting.jpeg

また、[エディターオプション]をクリックしてから[ツールバーを一番上に設定]をクリックすると、レイアウトオプションが上部に表示されます。

top.jpegに書式設定オプションを表示する

カスタムブロックを追加する方法

段落ブロックの使用に限定されません。 さらにブロックを追加するには、左上にある+アイコンをクリックする必要があります。

異なるブロックgutenberg.jpeg

これにより、利用可能なさまざまなブロックにアクセスできます。 によって提供されるさまざまなブロックにアクセスできるのもこの場所です。 テーマ とプラグイン。 独自のカスタム ブロックを保存するオプションもあります。 類似記事の編集がしやすくなると思います。

このチュートリアルは以上です。次のチュートリアルでは、このチュートリアルで観察したすべてのことを実践していきます。