Gutenbergの使用方法(WordPressエディター)


グーテンベルクブロックの使用方法2018年、WordPressは長年のエディターから「グーテンベルク」と呼ばれるエディターに移行しました.


古いエディターとは異なり、WordPressユーザーは現在、最新のドラッグアンドドロップブロックエディターを使用して、Webサイトの構築とカスタマイズ、コンテンツの公開、およびサービスと製品のオンライン販売を行っています。.

新しいエディターを理解しようとする長年のユーザーでも、WordPressの初心者でも、このガイドはそのロープを教えてくれます。次のことを学びます。

  • Gutenbergのブロックと従来のエディターとの違い.
  • ブロックビルダーを使用してページを作成および編集する方法.
  • グーテンベルクブロックの機能.
  • サイドバーで追加設定のロックを解除する方法.
  • ツールバーを使用して生産性を高める方法.

Contents

クラシックエディターとグーテンベルクブロック

クラシックエディターからグーテンベルクブロックへの切り替えは、WordPressの大きな飛躍です。エディターがどのように進化したか見てみましょう.

クラシックなWordPressエディター

2003年から2018年まで、WordPressはユーザーに基本的なテキストエディターを提供しました.

WordPress-Classic-Editor

古典的なWordPressエディターは、典型的なWYSIWYG(「表示されているものが表示される」)エディターでした.

つまり、コンテンツをオープンフィールドに入力し、提供されたツールバーを使用してフォーマットしました。これは、ウェブサイトでのテキストの外観とほぼ同じです.

WordPress-WYSIWYG-Editor

これは十分にシンプルなインターフェースであり、多くのWordPressユーザーが長年にわたって慣れ親しんできたものです。しかし、それには限界がありました.

例えば:

WordPress-Page-Example

これは、コンテンツが公開された後にWebサイトに表示される方法です。ただし、「プレビュー」機能を使用して、エディターからページにすべてが正しく翻訳されていることを確認することしかできません。.

ページの実際のコンテキスト内にコンテンツを書き込む方法はありませんでした。さらに、より高度なデザインとレイアウトを構築できるようにするには、HTMLにある程度精通しているか、プラグインに過度に依存していた.

2018年、WordPressは新しいWordPressエディター(Gutenbergなど)をリリースすることでこれらの制限を修正することに着手しました.

グーテンベルクブロックエディター

新しいWordPressエディターはドラッグアンドドロップブロックエディターです.

グーテンベルク

これは、コンテンツが1つのメインエディターで作成されなくなったことを意味します。個々のブロックを配置して、ページのコンテンツを構築します.

グーテンベルクブロックス

各ブロックを選択すると、独自のツールバーが表示されます。これにより、必要な編集コントロールのみが表示されるため、より合理化されたカスタマイズされた編集エクスペリエンスが可能になります。.

Gutenbergエディターにより、WordPressの初心者が自分で行うには時間がかかりすぎる、または困難な種類のコンテンツやレイアウトを追加するのがはるかに簡単になりました。.

More-Gutenberg-Block-Examples

さらに、推測ゲームはもうありません。ブロックエディター内で作成するのは、それがWebサイトにどのように表示されるかです。フォント、スタイル、およびレイアウトはすべて一致します。

WordPress-Page-Example-with-Gutenberg

1つのWordPressエディターが他より優れている?

どちらが良いのか-クラシックエディターかグーテンベルク-あなたは自分でそれを理解する必要があります.

WordPressはGutenbergとともに自動的にインストールされますが、ユーザーは クラシックエディタープラグイン ブロックエディタに移行する準備がまだ整っていない場合.

他にも利用可能なエディタアドオンオプションがあります。. Elementor そして ビーバービルダー より一般的な2つのドラッグアンドドロップエディター代替、ブロックカテゴリ
ただし、より多くの機能のロックを解除する必要があるプロのデザイナーや開発者に最適です。.

とりあえず、グーテンベルクをさらに詳しく見て、WordPressのドラッグアンドドロップエディターに何が期待できるかを理解してもらいましょう。.

Gutenbergブロックエディターの使用方法

新しいページ(または投稿)を設定して、Gutenbergブロックエディターを確認しましょう.

画面の左側にあるWordPressメニューから始めます。新しいWebページを作成する場合は、[ページ]にカーソルを合わせ、[新規追加]を選択します。新しいブログ投稿を作成する場合は、[投稿]にカーソルを合わせ、[新規追加]を選択します.

WordPress-Add-New-Page

タイトルを追加

新しいページまたは投稿を作成したら、「タイトルの追加」ブロックでタイトルを付けます。

グーテンベルクタイトルブロック

最初のブロックを作成する

段落は通常、Webページに配置するコンテンツの大部分を構成します。そのため、グーテンベルクが最初に提供するブロックは常に段落ブロックです。

グーテンベルク-新しい段落ブロック

段落から始めたい場合は、「ブロックの選択または書き込みを開始または入力する」と書かれた空のブロックにカーソルを追加します。入力すると、コンテンツがブロックを埋めます.

ブロックのコンテンツをカスタマイズする

段落のスタイルをカスタマイズするには、そのすぐ上に表示されるツールバーを使用します.

整列

ほとんどのGutenbergブロックでは、ブロック内のコンテンツの配置を変更することができます。

グーテンベルク線形

左側がデフォルトです。コンテンツを中央揃えまたは右揃えにすることもできます.

フォーマット

ブロック内にテキストがある場合はいつでも、太字でフォーマットできます。

グーテンベルク-段落-太字

テキストを斜体にします。

グーテンベルク-段落-イタリック

または、ハイパーリンクを追加します。

グーテンベルク-段落-リンク

リンクを新しいブラウザウィンドウで開く場合は、ハイパーリンクバーの下向き矢印をクリックします。変更が完了したら、「戻る」矢印をクリックしてリンクを保存します.

追加のスタイルオプション

ツールバーの下矢印をクリックすると、追加のテキストスタイル設定オプションが表示されます。

Gutenberg-More-Text-Options

「コード」は、テキストをコードエディターで書かれたかのようにスタイル設定します。

グーテンベルク-段落コード

「インライン画像」を使用すると、画像をテキストで囲むことができます。

グーテンベルク-段落-インライン画像

ご覧のとおり、これはグーテンベルクで画像とテキストを並べて表示する効率的な方法ではありません。 (これを行う別の方法については後で検討します。)

ここの最後のオプションでは、強調表示されたテキストに取り消し線を追加できます。

グーテンベルク-段落-取り消し線

その他のブロックオプション

ツールバーの最後のボタンには、常により多くのブロックオプションが表示されます。

グーテンベルク-モア-ブロック-オプション

これらのオプションは、編集しているブロックの種類に関係なく同じです。.

これらの機能を簡単にまとめてみましょう。

  • ブロック設定を非表示:右側のサイドバーを非表示にします.
  • 複製:このブロックの正確なレプリカを作成します.
  • 前に挿入:この上に新しい空のブロックを追加します.
  • 後に挿入:このブロックの下に新しい空のブロックを追加します.
  • HTMLとして編集:HTMLで記述したい場合は、ブロックをコードエディターに変換します.
  • 再利用可能なブロックに追加:ブロックを保存して、サイトの他の場所で再利用できるようにします.
  • ブロックを削除:ブロックを削除します.

変形ブロック

ツールバーには、もう1つ注意が必要なボタンがあります。

グーテンベルクスイッチブロック

ただし、このボタンは常にこのように見えるとは限らないため、最初のボタンを使用すると、現在のブロックを関連するブロックに変換できます。.

たとえば、段落などのテキストベースのブロックを見出し、リスト、または引用に変換できます。ただし、段落などを画像や区切り線に変換することはできません。そのための新しいブロックが必要になります.

新しいブロックを追加

ページに新しいブロックを追加するには、いくつかのオプションがあります.

前/後に挿入

ブロックのツールバーに[前に挿入] / [後に挿入]オプションが表示されています。それはそれをする一つの方法です.

既存のブロックから離れてクリックし、その上部にカーソルを合わせると、小さなプラス記号が表示されます。

グーテンベルク-追加-ブロック-クロス

それをクリックすると、ブロックが表示されます。

グーテンベルク-追加-ブロック-プラス記号

既存のブロックの上に新しいブロックを追加するものを選択します.

ブロックの下部にカーソルを合わせると、同じプラス記号が表示されます。唯一の違いは、あなたが持っているものの下に新しいブロックを追加することです.

キーボードを使用する

新しいブロックを追加する別の方法は、キーボードの「Return」キーを押すことです。

グーテンベルク-追加-ブロック-エンター

これにより、ページに新しい段落ブロックがすぐに追加されます.

別の種類のブロックに変更する場合は、新しいブロックの左側にあるプラス記号を使用できます。

グーテンベルク-変更-新しいブロック

または、スラッシュ(/)に続けて使用するブロックの名前を入力できます。

グーテンベルク変更ブロックスラッシュ

たとえば、画像を追加する場合は、「/ image」と入力します。一致する名前を入力すると、ブロックオプションが自動入力されます.

ツールバーからブロックを追加する

ツールバーの基本的なブロック追加機能をいつでも使用できます。

グーテンベルク追加ブロック

オプションをスクロールするか、探しているブロックの名前を入力します.

ブロックを移動する

ブロックの作成を開始すると、ブロックの表示順序に不満を感じるかもしれません。または、下にあるはずのブロックを上に追加した可能性があります.

ブロックを削除したり、ブロック間でコンテンツをカットアンドペーストしたりする必要はありません。解決策は簡単です.

グーテンベルクはドラッグアンドドロップブロックエディターです。つまり、ブロックを好きな場所に簡単に移動できます.

これを行うには2つの方法があります.

移動矢印を使用する

最初のオプションは、各ブロックの左側にある移動矢印を使用することです。移動するブロックにカーソルを合わせると、上下の矢印が表示されます。

グーテンベルクムーブアロー

ブロックを1回上下に移動するだけの場合、このオプションはうまく機能します.

グーテンベルク移動ブロック

ドラッグアンドドロップを使用する

ブロックをより大幅に再配置したい場合は、ドラッグアンドドロップを使用する必要があります.

矢印と同じ場所にあります。移動するブロックにカーソルを合わせ、中央に表示されるドットをつかみます。すると、カーソルが手の形に変わります。

グーテンベルクグラブドラッグアンドドロップ

ブロックをページの新しい部分に移動するときは、ドロップする前に暗い線が表示されることを確認してください。

グーテンベルクムーブブロック

これにより、ブロックを使用可能なスペースに移動していることがわかります。その線がなければ、ドラッグアンドドロップは機能しません.

ブロックを削除する

ブロックを完全に削除する場合は、これにもオプションがあります.

これらの1つをすでに見ました。ブロックの追加オプションの中にあります。 「ブロックの削除」をクリックするだけで削除されます.

昔ながらの方法でいつでも削除できます。カーソルをブロック内に置き、キーボードの「削除」ボタンを使用してブロックを削除します.

ただし、テキストベースのブロックの場合は、この方法で削除する前に、まずコンテンツを削除する必要があります。その他、画像、埋め込みウィジェットなどの場合は、「Delete」キーを使用するだけです。.

また、ブロックを強調表示し(カーソルをその上にドラッグして)、「削除」キーを押すこともできます。これは、一度に複数のブロックを強調表示して削除する場合に便利です。.

再利用可能なブロックを作成する

再利用可能なブロックは、ブログ投稿のプロモーションブロックや行動を促すフレーズなど、サイト全体で使用できる要素を作成するときに便利です。.

Gutenberg-Create-Reusable-Block

続行する必要があるページでブロックを再作成するのではなく、ブロックオプションを開いて[再利用可能なブロックに追加]をクリックします。次に、名前を付けます。

グーテンベルク名再利用可能

保存すると、グーテンベルクのブロックと同じように取得して使用できるようになります。 「再利用可能」という新しいカテゴリにあります。

グーテンベルク再利用可能カテゴリ

グーテンベルクブロックのツアー

従来のWordPressエディターでは、ユーザーが複雑なコンテンツやレイアウトを作成するのを支援するという点で多くの要望が残されていました。グーテンベルクブロックはその障害物を排除します.

ブロックについて理解しましょう。

ブロックカテゴリ

WordPressはそのブロックをカテゴリに整理するという素晴らしい仕事をしました.

共通ブロック

これらはあなたの一般的なブロックです:

共通ブロック

ページで使用する基本的なテキストと視覚要素はここにあります.

ブロックのフォーマット

これらはあなたのフォーマットブロックです:

書式設定ブロック

これらのほとんどは開発者が使いやすいブロックなので、それほど必要ない場合もあります。テーブルとプルクォートブロックが役立つかもしれません.

レイアウトブロック

これらはあなたのレイアウトブロックです:

レイアウトブロック

コンテンツに区切り(大きなスペースや区切り線など)または特別な要素(ボタンなど)を追加する場合は、ここでそれらを見つけることができます.

ウィジェットブロック

これらはあなたのウィジェットです:

ウィジェットブロック

ほとんどの場合、これらはブログのサイドバー内に配置する必要がある要素であり、ページには表示されません。あなたが見つける唯一の例外は、このWPFormsの例のように、他のプラグインによって作成されたブロックです.

埋め込みブロック

これらはあなたの埋め込みです:

埋め込みブロック

これらを使用して、他のプラットフォームからコンテンツを取得します。これは、YouTubeビデオ、SoundCloudクリップ、Twitter投稿などの埋め込みに適しています。.

最も一般的に使用されるGutenbergブロック

ご覧のように、利用可能なGutenbergブロックが数十あります。とはいえ、WordPressでページや投稿を作成するために誰もが使用する特定の要素があるため、基本を学ぶことから始めます。

段落ブロック

段落ブロックを使用してページにプレーンテキストを追加する.

段落ブロック

見出しブロック

ヘッダーブロックを使用してページにヘッダーを追加する.

見出しブロック

これにより、コンテンツを読みやすくしながら、ページに新しいトピックを導入できます。 H2、H3、およびH4ボタンを使用すると、ページ見出しへの階層も確立できます。.

リストブロック

Listブロックを使用して、ページに箇条書きまたは番号付きリストを追加します。

リストブロック

これは読みやすさの向上にも役立ちます.

画像ブロック

Imageブロックを使用してページに画像を追加する.

画像ブロック

ドライブから画像をアップロードするか、メディアライブラリに既に存在する画像を選択できます.

ビデオブロック

Videoブロックを使用してページに画像を埋め込む.

ビデオブロック

動画ファイルをアップロードしたり、ライブラリから選択したり、リンクからプルしたりできます.

動画は多くの容量を占めるため、VimeoやYouTubeなどの動画共有プラットフォームにファイルを保存することをお勧めします。次に、リンクで埋め込みます.

これにはVideoブロックを使用しません。代わりに、対応する埋め込みを探します.

YouTubeには1つあります。

YouTube埋め込み

Vimeoも同様です。

Vimeo-Embed

ページに追加するオーディオファイル(ポッドキャストやサウンドトラックなど)についても同じことを行う必要があります。これを行うには、オーディオブロックまたは対応する埋め込み(Spotifyなど)を使用します.

ボタンブロック

ボタンブロックを使用して、ビジターまたはリーダーにアクションを実行するよう指示します。

ボタンブロック

これにより、「今すぐスケジュール」、「サインアップ」、「続きを読む」などに誘導される場合があります。.

メディアとテキストブロック

前述のように、段落ブロックのインライン画像オプションは、テキストと画像をマージするための非効率的な方法です。代わりに、MediaおよびTextブロックを使用してこれを行います。

メディアとテキストのブロック

列ブロック

2つの異なるブロック(同じタイプまたは異なるタイプ)を並べて配置する別の方法は、Columnsブロックを使用することです。

列ブロック

右または左に列を追加するには、列内のブロックにカーソルを合わせ、プラス記号を押します。新しいブロックを追加するのと同じですが、これはそれらを水平に追加します.

ソーシャルメディアの埋め込みブロック

ソーシャルメディアの埋め込みコードを使用してページに投稿を配置するのではなく、ここに投稿へのリンクを追加します。

ソーシャルメディア埋め込み

Facebook、Twitter、Instagramの埋め込みブロックがあるので、ソーシャルメディアの投稿に対応する埋め込みブロックを見つけます.

クラシックブロック

クラシックブロックを使用すると、クラシックエディターを使用して引き続きWordPressでコンテンツを作成できます。

グーテンベルク-クラシック-ブロック

クラシックブロックは、ウェブサイトがクラシックエディターからグーテンベルクエディターに移行するときにも効果を発揮します。グーテンベルクは、テキストを独自のブロックに自動的に変換しようとはしません。クラシックエディターインターフェースに配置するだけです.

クラシックブロックをグーテンベルクブロックに変換する場合は、[その他のオプション]に移動し、[ブロックに変換]を選択します。

グーテンベルク変換ブロック

エディターの各要素を対応するブロックに変換するのが最善です。

グーテンベルク変換ブロック

変更を保存する前に、出力されたブロックにエラーがないか確認してください。.

WordPressプラグインブロック

WordPressユーザーが使用する人気のあるプラグインのほとんどは、グーテンベルク互換です。場合によっては、これらのプラグインが特別なブロックを作成し、エディターに表示されます.

たとえば、次のようなお問い合わせフォームプラグインを使用している場合 WPForms, 対応するブロックを見つける必要があります。

WPForms-Block

プラグインでフォームを作成し、ここに表示されるドロップダウンで見つけます。フォームのショートコードを追跡して貼り付ける必要はもうありません.

ヨースト, 人気のSEOプラグインは、グーテンベルクに新しいブロックを追加したもう1つのプラグインです。

ヨアストブロック

WooCommerce, WordPressのeコマースソリューションでも同じことが行われています。

WooCommerce-Blocks

次のように、ビルダーにたくさんの新しいブロックを追加する「究極の」Gutenbergプラグインもあります。 グーテンベルクのための究極のアドオン

Ultimate-Addons-Gutenberg

これらのタイプのプラグインは、ブロックビルダーの機能を拡張します。 Googleマップ、体験談のブロック、eコマース機能などの特別な要素が必要なウェブサイトを構築している場合は、これらのようなプラグインを使用してGutenbergに追加できます.

ドキュメントとブロックサイドバーの概要

ブロックエディタを終了したので、ドキュメントとブロックサイドバーに注目しましょう。.

カーソルがタイトルブロック、またはブロックが存在しないページのどこかにある場合、サイドバーはドキュメントの設定を指します。

ドキュメントサイドバー

これらにより、ページのステータスや外観などを制御できます.

ここにあなたが知る必要がある主なものがあります:

ステータスと可視性

ステータスと可視性このパネルでは、ページを公開するユーザー(パブリック、プライベート、またはパスワードで保護)、およびページを公開するタイミング(即時でない場合)を調整できます。ページを完全に削除したい場合。ここでもできます.

パーマリンクこのパネルを使用して、スラッグ(URLの識別部分)を変更します。例えば:

https://mywebsite.com/gutenberg-block-builder /

注目の画像注目の画像は、ブログの投稿がメインのブログフィードに表示されたときに表示されるサムネイル画像です。リンクのプレビューを表示するときにソーシャルメディアプラットフォームが使用するものでもあります.

カテゴリー

カテゴリーこれはブログ投稿でのみ使用できます。これを使用してトピックを整理してください.

タグ

タグこれは、ブログ投稿でのみ使用できる別の設定です。これを使用して、投稿に表示されるキーワードを追加し、読者が関連トピックのコンテンツを見つけられるようにします.

カーソルをページのいずれかのブロック(タイトルを除く)の内側に置くと、サイドバーがブロックエディターに切り替わります。

ブロックサイドバー

このサイドバーには、必要に応じてブロックの追加の編集オプションがあります。ブロックのサイドバーは、作業しているブロックの種類に応じて変化します.

たとえば、パラグラフのサイドバーには、次の編集オプションが表示されます。

段落ブロックサイドバー

テキストのサイズや、ブロックのテキストや背景の色を調整できます。 CSSクラスの使用方法がわかっている場合は、「詳細設定」を使用してブロックの外観をさらにカスタマイズできます。.

一方、画像のサイドバーには、次の設定があります。

画像ブロックサイドバー

画像に代替テキストを追加(SEOにとって重要)、画像サイズを変更、画像をWebページにリンク.

一部のブロックでは、Twitter埋め込みのように、サイドバーに追加設定がありません。

Twitter-ブロック-サイドバー

できる唯一のことは、「詳細設定」でカスタムCSSクラスを作成することです.

結論:ブロックツールバーでブロックを完全に編集できないと感じた場合は、サイドバーで追加オプションを確認してください.

ツールバーをどうするか

慣れる必要があるエディタの最後の部分は、その上部にあるツールバーです。

グーテンベルクツールバー

これは、「プレビュー」ボタンと「公開」ボタンを保存する場所にすぎないように見えますが、さらに多くのことができ、 すべき ツールバーを使用する.

要点を復習しましょう。

ブロック

ツールバーの最初のボタンは、新しいブロックにアクセスできる場所です。

グーテンベルク-ツールバー-ブロック

元に戻す/やり直し

次の2つのボタンを使用すると、ページに加えた最後の変更を元に戻す(左向きの矢印)またはやり直す(右向きの矢印)ことができます。

グーテンベルク-ツールバー-元に戻す

ページ情報

訪問者が簡単にスキャンできるページを作成したい場合は、「i」(情報)ボタンでコンテンツの概要を確認できます。

Gutenberg-Toolbar-Info

わかるでしょ:

  • 何語書いたか.
  • 見出しの数とその下のタイトルの内訳.
  • 段落がいくつあるか.
  • 使用したブロックの数.

ここで注目すべき最も重要な情報は単語と見出し数です.

ページ構成

ツールバーの次の部分には、ページの作成に使用した各ブロックが表示されます。

グーテンベルクブロックナビゲーション

これを使用して、作業するブロックまで瞬時にスクロールします。これは、長いページや投稿のコンテンツを編集するのに役立ちます.

設定を保存する

これらの最初の3つのボタンは、作成するすべてのページまたは投稿で使用します。

グーテンベルク-保存-設定

「ドラフトの保存」を使用して、ページでの作業中に変更を非公開で保存します.

「プレビュー」を使用してWebサイトのページを表示します.

「公開」を使用して、ページをライブWebサイトにプッシュします。ページが公開されると、このボタンは「更新」に変わります。これを使用して、ページの新しいバージョンを保存し、サイトにプッシュします.

設定

歯車(設定)アイコンをクリックすると、グーテンベルクのサイドバーが表示または非表示になります。無効にすると次のようになります。

グーテンベルク-ツールバー-設定-無効

有効にすると、次のようになります。

Gutenberg-Toolbar-Settings-Enabled

より多くのオプション

ツールバーの最後のボタンには、追加のオプションとツールが表示されます。 Gutenbergワークスペースをパーソナライズしたい場合は、これを使用してください.

Gutenberg-Toolbar-More-Options

見る

「ビュー」に関連する最初のオプションセット:

グーテンベルク-ツールバー-ビュー

「上部ツールバー」は、ツールバーをブロックの外に移動し、画面の上部に貼り付けます。

Gutenberg-Top-Toolbar

編集オプションは、選択したブロックに基づいて変わります。唯一の違いは、ページの上部にのみ配置されていることです。.

「スポットライトモード」は、使用されていないブロックをフェードアウトします。

グーテンベルクスポットライトモード

一度に1つのブロックに焦点を当てるのに役立つ場合、これは有効にするための便利なツールです。.

「フルスクリーンモード」は、グーテンベルクの注意散漫のない書き込みモードです。

グーテンベルク-フルスクリーンモード

上部と左側のWordPressメニューと右側のGutenbergサイドバーを削除します.

エディターモード

次のオプションセットはエディタモード用です.

Gutenberg-Options-Editor

デフォルトでは、Gutenbergはユーザーを「ビジュアルエディター」に配置します.

HTMLでページを作成する場合は、「コードエディター」に切り替えることができます。

グーテンベルクコードエディター

ただし、HTMLでブロックを編集するより効果的でクリーンな方法は、個別に処理することです(おそらくページ全体のコードを編集する必要がないため)。.

「HTMLとして編集」からコードエディターにアクセスできます。

グーテンベルク-編集-HTML

これにより、ブロックがHTMLに変換されます。

グーテンベルク-HTML-ブロック

必要に応じて編集してください。ビジュアルモードに戻す場合は、ブロックオプションを開き、[視覚的に編集]を選択します。

グーテンベルク-編集-視覚的に

ツール

Gutenbergには、エディターでのエクスペリエンスを合理化できるようにする一連のツールも付属しています。

グーテンベルクツール

最初のツールは「ブロックマネージャー」です。

グーテンベルクブロックマネージャー

前に見たブロックナビゲーションツールとは異なり、このツールでは、使用しないブロックを無効にできます。そうすることで、新しいブロックを検索するときに、使用しないブロックをふるいにかける必要がなくなります。.

「Manage Reusable Blocks」は、再利用可能なブロックエディターに移動します。

グーテンベルク再利用可能ブロック

これは、保存されたブロックが保存される場所です。ブロックの親コピーを編集するには(または新しいものをまとめて作成するには)、ここで編集します.

GutenbergによってWordPressでのコンテンツの作成が容易になったことは確かですが、一部の操作は面倒な場合があります。グーテンベルクの「ショートカット」を使用すると、最後の編集を元に戻したり、ブロックを複製したり、ハイライト表示されたテキストを斜体にしたり、キーボードだけで変更を保存したりできます。.

Gutenberg-Keyboard-Shortcuts

「コンテンツのコピー」オプションでは、ページ上のすべてのブロックをハイライト表示してコピーするだけです。これを使用して、コンテンツとデザインが類似した新しいページを作成します。 「ページ」>「新規追加」に移動し、ブロックを空のページに貼り付けます.

ここの最後のオプションは「オプション」と呼ばれます。ただし、実際に機能するのは、サイドバーのドキュメント設定の特定の部分を非アクティブ化できるようにすることです。

グーテンベルク-サイドバー-オプション

繰り返しますが、使用しないエディタの特定の部分(ページ属性など)がある場合は、ここでそれらを無効にして、使用する必要のある要素の邪魔にならないようにします。.

要約

WordPressは1日目から同じエディターを使用していたため、Gutenbergが最初に導入されたときに多少の反発がありました.

しかし、WordPress(Wix、Shopify、Squarespaceなど)を取り巻くドラッグアンドドロップの競争を見てみると、今が変化の時でした。.

このエディターの進化は功を奏し、WordPressがすべてのレベルのユーザーにサービスを提供できるようになりました。そのユーザーは、ブロックエディターを使用したWebサイトの構築に伴う次の利点を享受できるようになりました。

  • 生産性を高めるパーソナライズされたエディタービュー.
  • コンテンツの作成とカスタマイズが簡単に.
  • 以前は必要だった技術的なノウハウを必要としない、より高度なコンテンツ作成.
  • 再利用可能なブロックは設計をスピードアップし、サイト全体の一貫性を保証します.
  • コンバージョン要素(行動を促すフレーズのボタンやフォームなど)の追加と設定が簡単に.
  • 人気のプラグインとテーマはグーテンベルク互換です.
  • 発売までの時間を短縮.

2022年以降、クラシックエディターは使用できなくなります。ですから、今がグーテンベルクをどのように機能させるかを理解する絶好の機会です.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map