WordPress Gutenberg エディターを最大限に活用するための 6 つのヒント

Gutenberg テーマは 2018 年 12 月下旬に導入され、WordPress ユーザーはこの時点でそれを使用していました. Gutenberg エディターは、精巧な WordPress ページや投稿の作成を簡素化する新しいブロック エディターです。

WordPress の Gutenberg エディターは、WordPress ライターが投稿を作成する方法を変更しました。 ニーズに合わせてさまざまな方法で配置できるさまざまな「ブロック」を使用します。

ローンチ以来、Gutenberg は 7,830 万以上のインストールと 2 億 8,000 万以上の投稿を目撃してきました。 今日でも、グーテンベルクを使用して毎日 15 万件以上の投稿が行われています。

さらに、グーテンベルグ フェーズ 3 では、WordPress が公開されて展開されると、共同で公開できるようになります。

Gutenberg のブロックは、テキストから画像、ビデオ、表まで、コンテンツの作成に役立ちます。 全体として、Web サイトの構築または管理時にタスクを完了するのに必要な労力と時間を大幅に削減するさまざまな最先端の機能があります。

いくつかの重要な機能、ヒント、およびトリックを調べて、それを最大限に活用しましょう.

1. コンテンツ ブロックを最大限に活用する

ビルトイン TinyMCE エディターで Gutenberg の斬新なコンテンツ ブロックとオプションを使用します。

出典: コンテンツ ブロックのオプションを調べる

共通のブロック、ウィジェット、およびレイアウト要素を検索して、すばやく書式設定できます。 最新のアップデートには、次のような最近の改善が含まれています—

• 表紙画像
• ファイルのダウンロード
• ボタン等

使用するプラグインの多くは、ブロックを利用できる可能性があります。 たとえば、ギャラリー プラグインを使用している場合、専用のギャラリー ブロックが付属している場合があります。

2. ブロックの削除

誤ってブロックを追加した場合は、同じものを削除できます。 これは通常、あなたがそれに慣れていないか、やるべきことがたくさんあるときに起こります。

ソース: ブロックを削除する方法

次の 3 つの手順に従って、書き込みブロックを取り除きます —

1. 削除する要素を選択します。
2. ブロックの右上隅にある「…」ボタンをクリックして、さらにオプションにアクセスします。
3. ブロックを削除するオプションを見つけて選択します。

Ctrl + Alt + Z の​​ショートカットの組み合わせを使用することもできます。

3.高度なブロック設定の構成

サイドバーの追加設定を調べて、追加するすべてのブロックをカスタマイズします。 ブロックに応じて、他のいくつかの設定にアクセスしたり、ブロックの外観、レイアウト、および機能に関する幅広いカスタマイズの選択肢にアクセスしたりできます。

エディターでブロックをクリックして、ブロック設定を開きます。 エディターのブロック オプションを使用すると、そのようなオプションを調べることができます。 次に、サイドバーから [ブロック] メニュー項目を選択して、その設定を調整します。

ボタン ブロックの構成を下の図に示します。

出典: Explore ブロック オプション

サイドバーでブロックの設定にアクセスして、さまざまなサイズや色などを選択するための多くのオプションを使用できます。

すべての変更はエディターに即座に反映されます。

各ブロックには固有の設定があり、異なる設定ができることに注意してください。 たとえば、下の画像は、タイポグラフィと色の基本的なカスタマイズ オプションの一部を示しています。

ソース: 通常の段落テキストのブロック設定。

4. ブロックをすべての設定とともにコピーします

共同編集には一貫性が必要です。 複数の作成者が同じドキュメントで作業している場合、デザインやスタイルが変わる可能性があります。 したがって、一貫したブロック設定を維持する必要があります。 このために、ブロック設定全体を 4 つの手順でコピーしてみてください —

1. ブロックを選択します。
2. ブロックのツールバーにある 3 つのドット アイコンをクリックします。
3. コピーを選択
4. 次に、「Ctrl + V」を使用するか、右クリックして「貼り付け」を選択して、ブロックを貼り付けます。

このようにして、ブロック設定を保持し、カスタム スタイルを失うことはありません。

ソース: ブロックをすべての設定とともにコピーする方法。

5. Gutenberg エディターのショートカットを見つけて使用する

ショートカットが嫌いな人はいますか? 通常のキーの組み合わせ (コピー、貼り付け、元に戻すなど) のほとんどをサポートする Gutenberg のショートカットを使用して効率を維持します。 その上、グーテンベルクには、有利に使用できる独自のキーボード ショートカットが多数あります。

Shift + Alt + H (Windows) / Ctrl + Alt + H (Mac) を使用して、ショートカットの完全なメニューを開くことができます。

出典：グーテンベルクの便利なショートカット一覧

グーテンベルグで人気のあるショートカットの一部を次に示します—

• Ctrl + Alt + Backspace: 既存/選択したものを削除します。 通常、ブロックを削除するには何度もクリックする必要があるため、これは大きな助けになります。
• Ctrl + Alt + T: 既存のブロックの前に新しいブロックを追加します。
• Ctrl + Alt + Y: 既存のブロックの後に新しいブロックを挿入するには
• Ctrl + A + A: セクション全体に下線を引く。

キーボード ショートカットに加えて、マークダウン構文も使用できます。

Gutenberg で有効な Markdown 構文入力の例の概要を以下に示します。

• 「##」を使用して見出しを作成します
• 「1」と入力します。 番号付きリストの作成を開始するには
• 「*」を使用して順序なしリストを作成します
• 「>」を使用して見積もりを作成する

たとえば、「##」と入力してスペースバーを押すと、H2 での書き込みが開始されます。 このように、Gutenberg は自動的に見出しブロックを作成します。

6.ドラッグ＆ドロップでブロックを並べ替える

以前は、ブロックのコンテンツを再配置する必要がある場合、ブロックのコンテンツをコピーして貼り付ける必要がありました。 ドラッグして配置したい場所にドロップするだけです。 下の図に示すように、ブロックの右側に移動し、これらの 6 つのドットを選択します。

出典：ドラッグ＆ドロップ機能の使い方

このボタンを選択すると、ブロックを別の場所に簡単に移動して、目的の場所にドロップできます。

終わらせている

2018 年の導入以来、グーテンベルグ ブロック エディター全体が劇的に進化しました。ブロック エディターが WordPress でさらに重要な役割を果たすフル サイト編集が提供されるようになりました。

WordPress Block Editor を最大限に活用するには、新しいブロックを作成し、それらを編集し、それらを有利に使用する方法を学ぶ必要があります。

ブロックシステムは、プリインストールされた機能が非常に便利であるため、直感的です。 ただし、上記のヒントとコツに従って、その使用法を拡大することができます。