【初心者向け】WordPress・グーテンベルクの使い方！ブロックエディターを使いこなそう！

WordPressで記事を書く際、グーテンベルク（ブロックエディター）を使っていますか？
それともクラシックエディターのプラグインを入れて書いていますか？

グーテンベルクは初見では「どこがどうなってんだい？」と仕組みを理解して使いこなすまでに時間がかかる一方で、クラシックエディターは初めましての人でもある程度使いやすい仕様になっていますよね。

覚えてしまえばとっても便利なグーテンベルクの“初心者が覚えておきたい機能”を解説していきますので、今のうちにトライしておきましょう！

WordPress・グーテンベルクの主な使い方

要素のブロックを選択

画面の上でカーソルを動かしていると、ブロックの右側、もしくはブロックとブロックの間に「＋」マークが出現します。

「＋」マークをクリックすると、要素ブロックが選択できます。
下記はもともとすべてのテーマで使える基本のブロックで、こちらが使えれば十分にブログが書けます。

装飾をつけたい場合は、それ用のブロックを選択します。
テーマごとに内蔵されたブロックを使うことが出来ます。

テーマブロックは、使用するテーマによってデザインが異なりますが、だいたい同じような仕組みの要素ブロックが使えます。

表から探して選択することも可能ですし、名前が分かれば検索して探すことも可能です。
日本語でも、英語でも出てきます。

右のサイドバーで設定

画面の右上、歯車マークを押すことで、投稿とブロックのせってい画面が出たり消えたりします。

上記のような設定はこちらで行うことが出来ます。

装飾を選択

ブロック内要素への装飾はブロック付近に出現するバーで行います。

左側の３つのマークはすべての要素で共通して出現します。

バーの内容は、ブロックや有効化しているテーマ、プラグインなどによって変わってきます。
文字の装飾や見出しのレベル変更、画像の編集・入れ替え、リンクをつけたり出来ます。

改行方法

グーテンベルクでは「Enter」を押すと次のブロック（段落）に移ります。

同じ段落内で改行したい際には「Shift＋Enter」を押して下さい。

時短になる！グーテンベルクのショートカット

ブロック削除

ブロック削除は、バーの１番右側、縦に３つの点のマークから選択できます。

ショートカットキーでは「Shift＋Alt（option）＋Z」で削除できます。

ブロック複製

デザイン要素の高いブロックを使って繰り返し同じものを使いたい時や、最初に構成づくりでh2ブロックを量産したいときなどは、複製が便利です。

削除の場合と同じく、バーの１番右側、縦に３つの点のマークから選択できます。

ショートカットキーは「Ctrl（command）＋Shift＋D」です

ブロック選択

ブロックを選択する際、「＋」マークを押さずに「/（半角スラッシュ）」を打ち込み、続けて使いたい要素を打ち込むと簡単にブロック選択が出来ます。

マークダウン記法

慣れてきたら、マークダウン記法まで覚えると、グッと時短で記事を書けるようになります。

H2	「##」＋半角スペース
H3	「###」+半角スペース
引用	「>」+半角スペース
リスト	「*」または「-」＋半角スペース
番号リスト	「1.」＋半角スペース
区切り	「—」＋Enter

初心者向け・グーテンベルクの使い方まとめ

WordPressのグーテンベルクエディターは、見たままのレイアウトでサイトが作れる便利なエディターです！

クラシックエディターのサポートが終わる前に、グーテンベルクを使えるように練習してみてはいかがでしょうか？