ブロックエディタの使い方を解説(wordpress・gutenberg)

WordPress5.0以上のバージョンでは、ブロックエディタ「Gutenberg（グーテンベルグ）」がデフォルトで提供されています。従来の「クラシックエディタ」を使っていたユーザーにとって、Gutenbergのユーザーインターフェース（UI）と操作方法は大幅に変更されており、馴染みにくいかもしれません。そのため、当社のカスタマーサポートでも、新しいエディタに関する質問が増えています。

Gutenberg（グーテンベルグ）とは

Gutenberg（グーテンベルグ）は、WordPress5.0以降にデフォルトで搭載されているブロックエディタの名前です。このエディタは、活版印刷技術の革命をもたらしたドイツ出身のヨハネス・グーテンベルクから名前を取っています。Gutenbergは、ページを構築する際に基本的に「ブロック」を使用するエディタです。見出し、本文、画像、HTMLコードなど、さまざまな種類のブロックを追加・編集して、ページを構築していきます。

以下では、Gutenbergの詳細な説明を行いますが、動画形式の解説を好む場合は、別途提供されている動画を参照することができます。この動画では、すべての機能が詳しく説明されており、コメント欄にはタイムテーブルも掲載されています。

Gutenberg（グーテンベルグ）の仕様とページ作成の手順

編集画面

Gutenbergエディタは、従来のエディタとはまったく異なる編集画面を提供しますが、テキスト入力やブロックの操作以外の部分では、基本的な操作は従来通りに行うことができます。ただし、テーマによって表示が異なる場合があるため、具体的なテーマに関する情報を確認することが重要です。

便利な設定

編集画面右上のアイコンをクリックすると、便利な設定メニューが表示されます。このメニューでは、以下の機能を利用できます。

スポットライトモード: 編集中のブロックを強調表示する機能です。
フルスクリーンモード: テキストエディターの集中執筆モードを提供し、余分なエリアを非表示にしてフルスクリーン表示できる機能です。

ブロックの追加

Gutenbergでは、ブロックを追加し、その種類を選択し、コンテンツを編集する手順を繰り返してページを構築します。編集画面の「＋」マークをクリックし、新しいブロックを追加します。以下の6つの種類から任意のフォーマットを選択できます。各項目については後述します。

ブロックの編集

デフォルトの状態で文章を入力すると、編集画面右側の項目がブロックに変更されます。新しい文章を別のブロックで作成したり、画像や見出しを挿入したりするには、「＋」ボタンをクリックして新しいブロックを追加します。必要に応じてブロックを追加し、編集を進めることができます。また、記事を進行中にブロックの種類を後から変更したり、特定のブロックに切り替えたりすることも可能です。