WordPressのエディタ「Gutenberg」について機能や特徴をご紹介

どうも！

WordPressのバージョンが5になるにつれ、エディタが「Gutenberg」という新しいブロック型エディタへと変わりました。

今までのビジュアルエディタとは全く違ったタイプのエディターとなり、長年、クラシックエディター(これまで使われてきたエディター)に慣れ親しんできたユーザーからは戸惑う方もいらっしゃるのではないでしょうか？

ですが、このブロック型エディターも慣れてしまえば、とても便利で使いやすいエディタとなっています。

この新しいエディタの最大の特徴である「ブロック型」というところが、見出しやテキスト、画像などをブロックとしてレイアウト出来るので、従来のエディターよりも表現(見せ方)の幅が広がるので、とても見やすいブログを投稿する事ができ、もっとブログを読んでもらえる可能性も期待ができます。

今回は、このブロック型エディター「Gutenberg」について、主な機能や特徴などを、ご紹介していきたいと思います。

～目次～

旧来のエディターでは、どちらかというと「ワード」のような使用感でレイアウトを自在に変更したりするのには、ちょっと工夫が必要でした。

あたしいエディターでは、最大の特徴でもある「ブロック」といったところにあり、画像や文章といったものを、2つのブロック(箱)として捉えます。

そして、その箱を横・縦とサイズと共に自在に並べていく事が可能です。

つまりは、レイアウト機能が強化された事によって、より見やすいコンテンツの作成が可能となりました。

旧来のエディターで作成した記事は、「クラシック」というブロックにひとまとめになっています。

ですので、記事が消えるといった事はなさそうですが、エディタを新しく切り変える際は、やはりバックアップは念の為にとっておきましょう。

Gutenbergの使い方

今までの編集画面とは少し違いますが、画像の中央らへんにある「タイトルを追加」というところが、記事のタイトルを入力する場所にあたります。

また、その下からは記事の本文や見出し、画像といったように入力できるところになります。

例えば、テキストを入力したい場合は「段落」というブロックを追加する事でテキストの入力が可能となります。

また、編集中に見出しに変更したり、リストに変更したりする事も可能です。

いずれも、ブロックの名称を「段落」「見出し」「リスト」などといったブロックに切り替える事で変更出来ます。

画像の追加についても同様に「画像」をブロックを選び、追加していきます。

ワードプレスのエディタ「gutneberg」の使い方

例えば上記の画像のように、画像の左右どちらかにテキストを横並びに表示させたい場合は、「メディアと文章」というブロックを選びます。

このメディアと文章というブロックを選ぶと、画像の横に見出しや本文といった文章を入れる事ができます。

分かりやすく説明すると、箱を用意して、中に物を入れると横並びに表示してくれるブロックになります。

画像をギャラリーのように一覧表示をさせたい場合は、「ギャラリー」ブロックを追加します。

メディアにある画像を複数選択し追加すると、以下のように画像ギャラリーが作成されます。

ワードプレスのエディタ「gutenberg」の使い方　画像ギャラリー

ワードプレスのエディタ「gutenberg」の使い方　画像ギャラリー

※3列の場合、4枚目の画像は大きくなります。