WordPressで美しいコンテンツを作成することは、圧倒される必要はありません。
ブロックエディター（Gutenbergとしても知られています）は、ブロックを配置するだけで、技術的なスキルを必要とせずに、ページや投稿の作成を簡単にするために特別に設計されました。
デジタルレゴブロックで組み立てるようなものだと考えてください。テキスト、画像、ボタンなど、コンテンツの各ピースはブロックになり、簡単に移動したりカスタマイズしたりできます。
私たちは早い段階でGutenbergに切り替え、長年使用してきました。これにより、何千ものWPBeginnerユーザーがこのシステムをマスターできるよう支援してきました。
このチュートリアルでは、WordPressのブロックエディターがどのように機能するかを正確にご紹介します。
コーディングの知識なしに、コンテンツ作成をより速く、より楽しくするための簡単なテクニックを学び、ウェブサイトに洗練された外観を与える機能を発見できます。
注意：この記事では、投稿やページの編集用に設計されたブロックエディターの使用について説明しています。ブロックを使用してウェブサイト全体を編集する方法を知りたい場合は、WordPressフルサイト編集の完全ガイドを参照してください。
ブロックエディター（Gutenberg）とクラシックエディターの違いは何ですか？
ブロックエディタに入る前に、Gutenbergブロックエディタと古いクラシックエディタの違いを比較して理解しましょう。
WordPressのクラシックエディターは次のようでした：
いくつかの基本的な書式設定オプションを備えたテキストエディターボックスがありました。機能と視覚的な外観はかなり限定されていました。
WordPressにおけるブロックエディターの外観は以下の通りです:
ご覧のとおり、これらはWordPressでコンテンツを作成するための全く異なる2つのエディターです。
古いクラシックエディターは、Microsoft Wordに似たフォーマットボタンを備えたテキストエディターでした。
新しいエディターは「ブロック」（したがって、ブロックエディターという名前）と呼ばれる異なるアプローチを使用しています。
ブロックは、レイアウトを作成するために編集画面に追加できるコンテンツ要素です。投稿やページに追加する各項目はブロックです。
例えば、段落、画像、動画、ギャラリー、音声、リストなどのブロックを追加できます。一般的なコンテンツ要素のブロックはすべて用意されており、WordPressプラグインでさらに追加することも可能です。
WordPressブロックエディターはクラシックエディターより優れているのはなぜですか？
WordPressのブロックエディターは、投稿やページにさまざまな種類のコンテンツを追加するための簡単な方法を提供します。
例えば、以前はクラシックエディターを使用してコンテンツにテーブルを追加したい場合、個別のテーブルプラグインが必要でした。
ブロックエディタを使用すると、テーブルブロックを簡単に追加し、列と行を選択してコンテンツの追加を開始できます。
コンテンツ要素を上下に移動したり、個別のブロックとして編集したり、メディアリッチなコンテンツを簡単に作成したりできます。
最も重要なのは、WordPressブロックエディターは使いやすく学習しやすいということです。
これは、最初のブログを始めたばかりのWordPress初心者や、DIYのビジネスウェブサイトを構築しているすべての人に計り知れない利点をもたらします。
それでは、WordPressのブロックエディターを使用して、プロのように素晴らしいコンテンツを作成する方法を見ていきましょう。
このGutenbergチュートリアルでは、以下の内容を扱います:
- Gutenberg – WordPressブロックエディターの使用
- ブロックエディターを使用した新しいブログ投稿またはページの作成
- ブロックエディターにブロックを追加する方法
- 新しいエディターでブロックを操作する
- ブロックのグループ化と列
- 同期パターン（再利用可能なブロック）を使用してコンテンツを保存および再利用する
- Gutenbergブロックエディターでの公開と管理オプション
- Gutenbergのプラグイン設定
- ブロックエディターで一般的なブロックを追加する
- ブロックエディターで他のコンテンツブロックを探る
- Gutenbergをプロのように使用するためのボーナスのヒント
- WordPressのGutenbergブロックエディタにブロックを追加する方法
- Gutenbergに関するFAQ – WordPressのブロックエディター
- 動画チュートリアル
- ボーナスリソース
準備はいいですか？始めましょう。
Gutenberg – WordPressブロックエディターの使用
ブロックエディターは直感的で柔軟になるように設計されています。古いWordPressエディターとは見た目が異なりますが、クラシックエディターでできたことはすべて実行できます。
まず、クラシックエディターで行っていた基本的なことと、ブロックエディターでそれらがどのように行われるかをカバーすることから始めましょう。
ブロックエディターを使用した新しいブログ投稿またはページの作成
新しいブログ投稿またはページは、通常どおり作成を開始します。WordPress管理画面で、投稿 » 新規追加メニューをクリックするだけです。
ページを作成する場合は、代わりにページ » 新規追加メニューに移動してください。
これにより、ブロックエディターが起動します。
ブロックエディターにブロックを追加する方法
すべての投稿またはページの最初のブロックはタイトルです。
タイトルの下にマウスを移動するか、キーボードのTabキーを押してカーソルを下に進め、書き込みを開始できます。
デフォルトでは、次のブロックは段落ブロックです。これにより、ユーザーはすぐに書き始めることができます。
ただし、何か別のものを追加したい場合は、エディターの左上隅にある追加ブロックボタン[+]をクリックするか、既存のブロックの下、またはブロックの右側にクリックします。
ボタンをクリックすると、上部に検索バー、下部によく使われるブロックが表示される「ブロック追加」メニューが表示されます。
タブをクリックしてブロックカテゴリを閲覧したり、キーワードを入力して特定のブロックをすばやく検索したりできます。
ボタンをクリックするためにマウスを使いたくない場合は、キーボードショートカットを使用することもできます。
まず、/を入力してブロックを検索し、キーボードのEnterキーを押して挿入します。
新しいエディターでブロックを操作する
各ブロックの上部にはツールバーが表示されます。ツールバーのボタンは、編集中のブロックによって異なります。
たとえば、以下のスクリーンショットでは、テキストの配置、太字、斜体、リンクの挿入などの基本的な書式設定ボタンが表示され、3点メニューからさらにオプションが利用できる段落ブロックを扱っています。
ツールバーに加えて、各ブロックには独自のブロック設定があり、編集画面の右側の列に表示されます。
これらの設定は、編集しているブロックによって異なります。たとえば、段落ブロックでは、テキスト、背景、リンクの色、およびタイポグラフィを編集できます。
ブロックを上下に移動して並べ替えることができます。
これを行いたい場合は、ドラッグアンドドロップをクリックするか、ブロックツールバーの上下ボタンをクリックしてください。
関連: WordPressでブロックを削除する方法に関するガイドをご覧ください。
ブロックのグループ化と列
ブロックエディターには、コンテンツレイアウトを管理および整理するための便利なツールも付属しています。
キーボードのShiftキーを押しながらクリックすると、複数のブロックを選択できます。
その後、ツールバーのブロックタイプボタンをクリックして、選択したブロックをグループまたはカラムに変換します。
その後、配置や間隔の変更など、スタイルをグループブロック全体に適用できます。
ブロックエディターでは、空のグループブロックまたはカラムブロックを追加することもできます。
その後、他のブロックで埋めることができます。
必要に応じて、各列に任意の種類のブロックを追加できます。
これにより、さまざまなユースケースに対応する美しいレイアウトを作成できます。
同期パターン（再利用可能なブロック）を使用してコンテンツを保存および再利用する
ブロックエディターの最も強力な機能の1つは、サイト全体でコンテンツを保存して再利用できることです。これは、以前はリユーザブルブロックとして知られていた同期パターンを使用して行われます。
同期パターンとは、複数の投稿やページで使用できるブロック、またはブロックのグループです。
最も良い点は、パターンを編集すると、使用したすべての場所で自動的に更新されることです。これは、行動喚起ボックス、著者プロフィール、連絡先情報など、一貫性を保つ必要があるコンテンツに最適です。
保存したいブロックを選択するだけです。次に、ブロックツールバーの3点ドットメニューアイコンをクリックし、「パターンを作成」オプションを選択します。
ポップアップウィンドウが表示されます。ここで、パターンに名前を付け、整理のためにカテゴリに割り当てることができます。
最も重要なのは、「同期済み」オプションがオンになっていることを確認することです。 これにより、パターンが一度にすべて更新されます。
注意💡: グループ全体やカラム全体を再利用可能なブロックとして使用することもできます。これにより、セクション全体を保存して、必要に応じていつでも使用できます。
「作成」をクリックすると、新しい同期パターンが保存されます。
他の投稿やページで使用するには、ブロックインサーター（+）ボタンをクリックして「パターン」タブの下で検索するか、名前で検索するだけです。
パターンを使用すると、サイトオーナーは、行動喚起、ソーシャルメディアボタン、バナーなどの一般的に使用される要素をレイアウトに簡単に追加できます。
WordPressテーマやプラグインには独自のパターンが含まれている場合もありますし、WordPressのブロックパターンライブラリで他の人が作成したパターンを見つけることもできます。
さらにヘルプが必要な場合は、WordPressブロックパターンの見つけ方と使い方に関する初心者向けガイドで、別のガイドを用意しています。WordPressブロックパターンの見つけ方と使い方。
Gutenbergブロックエディターでの公開と管理オプション
WordPressの各投稿には、多くのメタデータが含まれています。これには、公開日、カテゴリとタグ、アイキャッチ画像などの情報が含まれます。
これらのオプションはすべて、エディター画面の右側の列にきれいに配置されています。
Gutenbergのプラグインオプション
WordPressプラグインは、ブロックエディターのAPIを利用して、編集画面内に設定を統合できます。
一部の人気のプラグインには、独自のブロックが付属しています。
例えば、最高のWordPress問い合わせフォームプラグインであるWPFormsでは、ブロックを使用してコンテンツにフォームを追加できます。
他のWordPressプラグインも、ブロックエディター画面に設定を追加する場合があります。
例えば、WordPress用オールインワンSEOでブロックエディタの下部にあるSEO設定を編集する方法は次のとおりです。
同様に、WooCommerceを使用してオンラインストアを運営している場合、それ自体にも独自のブロックがあることに気づくでしょう。
これらのブロックを使用すると、WordPressの投稿やページに商品を簡単に追加できます。
ブロックエディターで一般的なブロックを追加する
ブロックエディターは、古いクラシックエディターができたことはすべてできます。
ただし、以前よりも迅速かつエレガントに作業できるようになります。さらに、多くのノーコードオプションでコンテンツをスタイル設定できるなど、さらに多くのことができます。
ここで利用できる一般的なブロックをいくつかご紹介します。
1. WordPressブロックエディターに画像を追加する
WordPressブロックエディターには、すぐに使用できる画像ブロックがあります。ブロックを追加してから、画像ファイルをアップロードするか、メディアライブラリから選択するだけです。
コンピューターから画像をドラッグアンドドロップすることもできます。エディターが自動的に画像ブロックを作成します。
画像を追加すると、ブロック設定が表示され、画像のaltテキスト、画像解像度サイズ、画像へのリンク追加などのメタデータを追加できるようになります。
詳細については、WordPressで画像を正しく追加する方法に関するチュートリアルをご覧ください。WordPressで画像を正しく追加する方法。
2. ブロックエディターでリンクを追加する
ブロックエディターには、テキストを追加できるいくつかのブロックが用意されています。最も一般的に使用されるのは段落ブロックで、ツールバーにリンク挿入ボタンがあります。
その他、一般的に使用されるテキストブロックにも、ツールバーにリンクボタンがあります。
キーボードショートカットを使用してリンクを挿入することもできます。Macの場合はCommand + K、Windowsコンピューターの場合はCTRL + Kです。
3. Gutenbergで画像ギャラリーを追加する
ギャラリーブロックは画像ブロックのように機能します。追加してから画像ファイルをアップロードまたは選択します。
詳細については、WordPressで画像ギャラリーを作成する方法に関するガイドをご覧ください。
4. Gutenbergを使用してWordPress投稿にショートコードを追加する
すべてのショートコードは、クラシックエディターで機能したのと同じように機能します。段落ブロックに追加するか、ショートコードブロックを使用できます。
ブロックエディターで他のコンテンツブロックを探る
Gutenbergエディターは、新しいブロックを導入することで、WordPressにおける長年のユーザビリティの問題を解決することを約束しました。
以下は、ユーザーが非常に役立つと感じるであろうお気に入りのいくつかです。
1. WordPressでテキストの横に画像を追加する方法
以前のエディターでは、テキストの横に画像を配置できなかったユーザーが多くいました。メディア＆テキストブロックを使用すると、それが可能になります。
このシンプルなブロックは、2つのブロックが横並びに配置されており、テキストの横に簡単に画像を追加できます。
2. WordPressの投稿とページにボタンを追加する
旧エディターのもう一つの煩わしさとして、ブログ投稿やページにボタンを追加することがありました。ボタンのショートコードを作成するプラグインを使用するか、HTMLモードに切り替えてコードを記述する必要がありました。
幸いなことに、Gutenbergにはボタンブロックがあり、任意の投稿やページにボタンをすばやく追加できます。
ボタンにリンクを追加したり、色を変更したりできます。詳細については、WordPressにコールトゥアクションボタンを簡単に追加する方法に関する記事をご覧ください。
3.ブログ投稿やランディングページに美しいカバー画像を追加する
試してみたいもう1つのクールな機能は、カバーブロックです。これにより、投稿やページにカバー画像やカラー背景カバーを追加できます。
カバー画像は、ページ上の新しいセクションやストーリーの始まりによく使用される、より幅の広い画像です。美しく、魅力的なコンテンツレイアウトを作成できます。
カバーブロックを追加して、使用したい画像をアップロードするだけです。カバーのオーバーレイカラーを選択したり、固定の背景画像にしたりして、ユーザーがページをスクロールしたときにパララックス効果を作成できます。
詳細については、WordPressのカバー画像とアイキャッチ画像の違いに関する記事をご覧ください。
4. 記事内にテーブルを作成する
クラシックエディターには、WordPressの投稿にテーブルを追加するボタンがありませんでした。プラグインを使用するか、カスタムCSSとHTMLを記述してテーブルを作成する必要がありました。
現在、ブロックエディターにはデフォルトのテーブルブロックが搭載されており、投稿やページにテーブルを追加するのが非常に簡単になりました。ブロックを追加して、挿入したい列数と行数を選択するだけです。
これで、テーブル行にデータを追加できるようになりました。必要に応じていつでも行や列を追加でき、2つの基本的なスタイルオプションが利用可能です。
5. 複数列のコンテンツを作成する
複数列のコンテンツ作成は、クラシックエディターでは全く対応できなかった別の問題でした。
幸いなことに、ブロックエディターでは、2つの段落ブロックの列を追加する列ブロックを追加できます。
このカラムブロックは非常に柔軟です。1行に最大6つのカラムを追加でき、各カラム内に他のブロックを使用することもできます。
Gutenbergをプロのように使用するためのボーナスのヒント
ブロックエディターを見ると、実際のコンテンツを作成するよりもブロックの追加や調整に時間を費やすのではないかと疑問に思うかもしれません。
ブロックエディターは非常に高速で、数分間の基本的な使用でも、考えずにすぐにブロックを追加できるようになります。
このアプローチでワークフローがどれほど速くなるか、すぐに実感できるでしょう。
WordPressブロックエディターをさらに速く使うための、パワーユーザー向けの追加ヒントをいくつかご紹介します。
1. ブロックツールバーを上部に移動
上記のスクリーンショットで、すべてのブロックの上部にツールバーが表示されていることに気づいたかもしれません。このツールバーをエディターの上部に移動できます。
「トップツールバー」オプションにアクセスするには、画面右上にある3つの点のボタンをクリックしてください。
2. キーボードショートカットを使用する
Gutenbergには、ワークフローをさらに迅速かつ簡単にできる便利なショートカットがいくつか付属しています。すぐに使い始めるべき最初のものは / です。
/を入力し、入力を開始すると、エディターが一致するブロックを表示し、すぐに挿入できます。
その他のショートカットについては、画面右上にある3点メニューをクリックし、「キーボードショートカット」を選択してください。
これにより、使用できるすべてのキーボードショートカットのリストが表示されるポップアップが表示されます。リストには、WindowsユーザーとMacユーザーで異なるショートカットが表示されます。
3. メディアをドラッグアンドドロップしてメディアブロックを自動作成
Gutenbergを使用すると、ファイルを画面上のどこにでもドラッグアンドドロップでき、自動的にブロックが作成されます。
例えば、単一の画像またはビデオファイルをドロップすると、ブロックが自動的に作成されます。または、複数の画像ファイルをドロップしてギャラリーブロックを作成することもできます。
4. YouTube、Twitter、Vimeo、その他の埋め込みコンテンツの追加
ブロックエディターを使用すると、サードパーティのコンテンツをWordPressコンテンツに簡単に埋め込むことができます。すべての一般的なサードパーティサービス用のブロックがあります。
ただし、埋め込みURLをいつでもコピー＆ペーストすれば、自動的にブロックが作成されます。
例えば、YouTube動画のURLを追加すると、自動的にYouTube埋め込みブロックが作成され、動画が表示されます。
URLを直接貼り付けても、FacebookやInstagramの投稿では機能しませんが、回避策は簡単です。
Smash Balloon Social Photo Feed を使用して「oEmbeds」機能を有効にし、URL を「埋め込み」ブロックに貼り付けるだけです。
詳細については、WordPressでFacebookおよびInstagramの投稿を埋め込む方法に関する記事をご覧ください。WordPressでFacebookおよびInstagramの投稿を埋め込む方法。
WordPressのGutenbergブロックエディタにブロックを追加する方法
WordPressのブロックエディターにより、開発者は独自のブロックを作成できます。優れたWordPressプラグインの中には、新しいエディター用のブロックバンドルを提供しているものもあります。
いくつかご紹介します。
1. Spectra WordPress Gutenberg Blocks
Spectra WordPress Gutenberg Blocksは、コンテンツにさらに多くのデザイン要素を追加するのに役立つ多くの高度なブロックを備えたブロックライブラリです。
人気のAstra WordPressテーマの開発者が作成したSpectraは、コードを書かずに美しいデザインを作成するのに役立ちます。
詳細については、当社の完全なSpectraレビューをご覧ください。
PublishPress Blocksは、Gutenbergブロックエディターを拡張するための追加ブロックを備えた、もう1つの強力なブロックライブラリです。
美しいレイアウトオプション、スライダー、ボタン、アイコン、画像ギャラリー、マップ、タブ、お客様の声、アコーディオンなどが含まれています。
Stackable – Gutenberg Blocks は、ウェブサイトで使用できる美しくデザインされたGutenbergブロックのコレクションです。コンテナ、投稿、フィーチャーグリッド、アコーディオン、画像ボックス、アイコンリスト、コールトゥアクションなどのブロックが含まれています。
その他のオプションについては、WordPress Gutenbergブロックプラグインのベストの完全なリストをご覧ください。
Gutenbergに関するFAQ – WordPressのブロックエディター
GutenbergがデフォルトのWordPressエディターになって以来、その使い方について多くの質問を受けています。ここでは、ブロックエディターに関する最もよくある質問とその回答をご紹介します。
1. ブロックエディターでの古い投稿やページはどうなりますか？まだ編集できますか？
ブロックエディターは、古い投稿やページには影響しません。それらを編集することは引き続き可能で、ブロックエディターはそれらをクラシックエディターを含むブロックとして自動的に開きます。
古いエディター内で編集することも、古い記事をブロックに変換してブロックエディターを使用することもできます。
2.古いエディターを使い続けることはできますか？
はい、古いエディターを引き続き使用できます。Classic Editor プラグインをインストールして有効化するだけです。
有効化すると、ブロックエディターが無効になり、クラシックエディターを引き続き使用できるようになります。
Classic Editorプラグインは、当面の間公式にサポートされます。しかし、WordPressでコンテンツを作成する最新の方法に慣れるために、今すぐブロックエディターの使用を開始することを強くお勧めします。
7. 使用中のプラグインやテーマでブロックエディターが機能しない場合はどうすればよいですか？
Project Gutenbergは開発に長い時間がかかったため、プラグインやテーマの作成者はコードの互換性テストに十分な時間をかけることができました。
ただし、一部のプラグインやテーマがブロックエディターとうまく連携しない可能性は依然としてあります。その場合は、Classic Editorプラグインをインストールするか、開発者にGutenbergサポートの追加を依頼するか、代替のプラグインまたはテーマを見つけることができます。
4. Gutenbergのヒントやコツについてもっと学ぶにはどうすればよいですか？
WPBeginnerは、WordPressのブロックエディタについて学ぶのに最適な場所です。私たちはインターネット上で最大のWordPressリソースサイトです。
ブロックエディターを使いこなすための新しい記事を公開し、古いリソースを更新していきます。
その間、ご不明な点がございましたら、コメントを残していただくか、ウェブサイトのお問い合わせフォームをご利用ください。
5. Gutenbergの問題に遭遇しましたか？
WordPressブロックエディターで問題が発生している場合は、ユーザーが遭遇する一般的なブロックエディターの問題とその解決方法をすべてリストアップした、簡単なトラブルシューティングガイドを作成しました。
動画チュートリアル
文章での説明よりも動画での説明がお好みであれば、こちらのビデオチュートリアルをご覧ください。
ボーナスリソース
ブロックエディターをより効率的に使用するのに役立つ追加リソースを以下に示します。
- WordPressブロックエディターとページビルダー：違いは何ですか？
- カスタム WordPress ブロックを簡単に作成する方法
- WordPress Gutenbergブロックのインポート/エクスポート方法（2つのステップ）
- WordPressウィジェットとブロックの違いとは？（解説）
- WordPressのフルサイト編集の完全初心者ガイド
- WordPressでのフルサイト編集に最適なブロックテーマ
- WordPress コンテンツエディターを使いこなすためのヒント
この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。
エイドリアン
まだブロックスタイルに更新していません。他に選択肢がなくなるまで待ちます。
WPBeginnerサポート
もちろん、それは許可されています。WordPress.comを利用している場合を除き、クラシックエディターを使用する方法はほぼ必ずあります。
管理者
Paul Pavao
40歳以上のキリスト教コンテンツを書く友人たちへのアンケートに基づくと、クラシックエディターの喪失には100％激怒しています。ブロックエディターのクラシックブロックは古いものの貧弱な模倣品です。なぜなら、ブロックエディターは、別のブロックに私を転送する機会を常に利用するからです。ブロックエディターはグローバルな変更の邪魔になります。はい、段落を別の場所にスライドさせることはできますが、クラシックエディターでは、コピー＆amp; ペーストで簡単に同じことができます。
かつては、ワンクリックでHTMLエディタにアクセスできるタブがあり、HTMLでの正確な変更が可能でした。WordPressエディタが私たちの好みではなく独自の好みに基づいて私たちを上書きするオプションなしで、クラシックエディタを選択するオプションをwp-adminに与えてくださるよう神に祈ります。
WPBeginnerサポート
Learning a new editor will certainly take some time but if you want to return to the previous WordPress editor then our guide below will show you how to set this up
https://www.wpbeginner.com/plugins/how-to-disable-gutenberg-and-keep-the-classic-editor-in-wordpress/
管理者
Kzain
クラシックエディターを使用していましたが、このGutenbergにはまだ慣れていません。可能性はありますが、ElementorやSeedProdのような専用ページビルダーと比較すると、デザインの柔軟性はかなり限られています。希望するレイアウトを実現するために、常に回避策を探している自分に気づきます。将来のアップデートで、今日のビルダーと同様の、しかし常に投稿よりも優れていた投稿用のもの以外の、コアエディターにもっとデザインの自由度とカスタマイズオプションがもたらされることを願っています。
オヤトグン・オルワセウン・サミュエル
これは非常に役立つ記事です。ブロックエディターについてはよく知っていると思っていましたが、この記事はより効果的に使用するための別の視点を与えてくれました。プラグイン開発で利用できるブロックエディターAPIの存在や、ブロックをグループ化してパターンを作成する方法を初めて学びました。非常に役立つ記事です。
Dayo Olobayo
ブロックエディターが今後どのように発展していくのか、興味があります。さらに多くのブロックや機能が追加され、さらに強力で汎用性の高いものになることを願っています。すでに素晴らしいツールですが、時間の経過とともにどのように改善されるか想像するしかありません。
WPBeginnerサポート
It will hopefully keep improving over time
管理者
モイヌディン・ワヒード
このコメントを、WordPressがローンチされて以来、WordPressの世界を支配してきた、あの偉大な古いクラシックエディタを称賛する機会とさせてください。
今、私たちは新しいGutenbergエディタに移行し、投稿やページの作成に使用していますが、そのシンプルさと使いやすさから、私はしばしばあの古いクラシックエディタを懐かしく思います。
開発者ではない友人に、トレーニングやガイドなしで私のニュースサイトにコンテンツを書き込み、投稿するように勧めたことを覚えています。彼らは使い始めるとすぐに慣れていました。
Gutenbergブロックを使用した手順に関する、この詳細な記事に感謝します。
イジー・ヴァネック
あなたの言葉は私の魂に響きます、モイヌディン・ワヒードさん。私も古いWYSIWYGエディターとエディターの古いコンセプトが大好きでした。シンプルで、素晴らしく機能し、あらゆる点で気に入っていました。その後、WordPressはGutenbergを導入し、私にとってはそれが終わりを意味しました。Gutenbergがまったく合わなかったので、ブログをやめ、数年間WordPressを使用しませんでした。ElementorのおかげでWordPressに戻ることができ、ElementorはWordPressでのシンプルさと直感的な作業を再発見するのに役立ちました。再びWordPressで作業するのが楽しくなりました。時間をかけてブロックエディターの操作を学ぼうとしていますが、まだぎこちなく直感的ではないと感じています。残念ながら、私たち二人はそれに折り合いをつけなければならないようです。私たちが知っていた昔ながらのクラシックエディターは、残念ながら歴史の一部であり、一部の人々だけが覚えています。
Gin
私はまずコンピューターで投稿を作成します。完了したら、すべてをエディターにコピーしますが、段落ごとに段落ブロックにカット＆ペーストする必要があります。記事をコピー＆ペーストして、それが自動的に「ブロック」内に終了するようにする方法はありますか？
WPBeginnerサポート
エディタへのコピー＆ペーストをより簡単にするために、以下のガイドをご覧ください。
https://www.wpbeginner.com/beginners-guide/how-to-copy-and-paste-into-wordpress/
管理者
スニル・スレシュ
素晴らしい記事です。この記事で Gutenberg ブロックエディターについて多くのことを学びました。
質問があります。「パターン」と「再利用可能なブロック」の違いは何ですか？どちらも非常に似ているように思えます。どちらをいつ使用しますか？
WPBeginner コメント
パターンは、コピーして毎回個別に編集して使用できるテンプレートですが、再利用可能なブロックは、再利用可能なブロックを変更するとすべてのインスタンスが一致するように更新されることを可能にします。
Melissa
何が間違っているのか本当にわかりません。なぜか、私が作業しているウェブサイトが、検索できるウェブサイトと同じように見えません。私は全くわからず、本当に苦労しています。公開されたサイトは、まだ編集中のサイトとどうしてこんなに違うのですか？混乱しています…
WPBeginnerサポート
いくつかの理由が考えられます。テーマがデザインに多くのカスタマイズを追加している場合、テーマとの混同があるかもしれませんが、変更が適用されないという意味であれば、キャッシュの問題である可能性が高いです。
管理者
イジー・ヴァネック
私は依然として、そして確信していますが、Gutenbergは多くの外部ビルダーと同じ品質を持っていません。Gutenbergの唯一かつ最大の利点は、無料であり、システムにネイティブであることです。そして、WordPress自体がエディタ自体の大きな改善を発表したので、私は最初あまり好きではなかったGutenbergで作業する方法を学ぼうとしています。これらのビデオは私を大いに助けてくれます。そのような仕事が報われ、いつかGutenbergがSeed ProdやElementorと同じくらいシンプルになることを願っています。
Ahmed Omar
実は、クラシックエディターを使っています。私にはそれがとても良いのですが。
しかし、一部のプラグインがクラシックエディターで動作しないことがわかりました。
そのため、新しいブロックエディターに変更しなければなりませんでした。
動画をステップバイステップで見て進めているので、簡単です。
ありがとうございます。
WPBeginnerサポート
どういたしまして。
管理者
Annabelle Franklin
私が欲しいのは、使いやすいものです。クラシックエディターは、セルフホストサイトでのみ利用可能なプラグインを必要とせずに、Word からテキストをコピー＆ペーストするなど、物事を簡単に行うことを常に可能にしてくれました。
WPBeginnerサポート
There is a learning curve when anything changes but we hope as the block editor improves you find it more useful
管理者
Annabelle Franklin
ブロックエディターは、セルフホストブログの場合、クラシックエディターよりも優れているだけですか？サイトに料金を支払う余裕がないため、使用を開始する前に、WordPressブログに料金を支払わない人にとって、少なくともクラシックエディターと同等に機能することを確認したいです。
WPBeginnerサポート
クラシックエディターから特に何かが必要かどうかによります。始めたばかりでどちらのエディターにも経験がない場合は、ブロックエディターの使用をお勧めします。
管理者
Ben Eng
コメントにGutenbergエディターを有効にするにはどうすればよいですか？
WPBeginnerサポート
Gutenberg/ブロックエディターは、現在コメントセクションでは利用できません。
管理者
ary
Gutenbergプラグインをダウンロードしましたが、まだクラシックエディターが表示されます。どうすればよいですか？
WPBeginnerサポート
サイトが最新の状態であれば、デフォルトでブロックエディターが使用されているはずです。代わりにクラシックエディターを表示するプラグインが有効になっていないか確認する必要があります。
管理者
Jackson Ndawala
ブロックエディターがテーマができるすべてのことができる場合、テーマを追加する必要はありますか？助けてください。
WPBeginnerサポート
現時点では、WordPressを機能させるためにはテーマが必要です。テーマはサイト全体のデザインとスタイリングのためのもので、ブロックエディターを使用してサイトの一部をカスタマイズできます。
管理者
Cattie Coyle
この新しい「Gutenbergというもの」についてちょうど聞いたばかりで、あなたの素晴らしいチュートリアルを見つけました。ありがとうございます。Gutenbergをサイトに表示させる方法がわかれば、非常に役立つでしょう。私のサイトにはまだクラシックエディターしかなく（プラグインとしても持っていません。サイトはずっとそのままでした）、Gutenbergエディターを表示するために何かインストールする必要がありますか？
WPBeginnerサポート
表示するには、WordPressサイトが最新バージョンに更新されていることを確認してください。また、ブロックエディターがデフォルトのエディターではない理由として、クラシックエディタープラグインがサイトでアクティブになっているかどうかを確認したいでしょう。
管理者
jo gandomi
こんにちは
エディタの背景色をどのように変更しましたか？
私のは白ですが、あなたのは違う色です
WPBeginnerサポート
テーマがこれをオーバーライドしない限り、ブロックエディターはサイト上のコンテンツと同じ背景色を使用するはずです。
管理者
Nikki
有益なビデオをありがとうございます。長年 WP を使用しており、クラシックエディターに問題がなかったため、新しい方法を学ぶことに有用性を見出せず、新しいエディターを避けていました。2022 年にクラシックが廃止されることを知らなかったので、まさにタイムリーな発見でした。まだ少し学習曲線があるようですが、思ったほど悪くはありませんでした。
WPBeginnerサポート
Glad our guide was helpful and we hope you enjoy using the new editor
管理者
マイケル
このチュートリアルは、Gutenbergで何ができるかを理解するのに本当に役立ちました。ありがとうございます
WPBeginnerサポート
Glad you found our guide helpful
管理者
Arnold
こんにちは。
クラシックエディターを使用している場合、ツールバーにはドロップダウンメニューからフォントの種類を選択する設定があります。
ブロックエディターを使用している場合、フォントの種類をどのように変更しますか？
アーノルド
WPBeginnerサポート
おそらく、追加できる「Advanced Editor Tools (TinyMCE Advanced)」のことだと思いますが、サイト訪問者のフォントを変更するには、以下の記事の推奨事項をご覧ください。
https://www.wpbeginner.com/wp-themes/how-to-add-custom-fonts-in-wordpress/
管理者
Lio
不明な理由で、ブロックの設定が右側ではなく、ページの下に表示されます（YoastSEO の設定など）。何が問題なのでしょうか？
WPBeginnerサポート
おそらくブラウザの幅が狭すぎます。ブラウザウィンドウを広げると、再び横に表示されるはずです。
管理者
ジェイ
ブロックエディターが現在非常にフラストレーションがたまるものです。引用、詩、または歌の歌詞でブログエントリを開始したいと思っていたからです。入力中にEnterキーを押して詩の別の行に移動すると、新しいブロックが作成されます。Enterキーを押すたびに各行に新しいブロックが作成されることなく、複数行を作成するにはどうすればよいですか？
WPBeginnerサポート
同じブロック内に留まるには、EnterキーだけでなくShift + Enterキーを使用したいと思うでしょう。
管理者
Lisa Richardson
ついにブロックエディターを学ぶことにしました。すごい！なぜこんなに長く待ったのだろう？この記事を読んで、ブロックエディターを使って新しいドラフトページを開始しました。とても簡単です。慣れてきて、新しいページや投稿の書き方を学べば、とても簡単で楽しくなるでしょう。まだクラシックエディターを使っている方、ブロックエディターを学び始めて使う必要があります。
WPBeginnerサポート
Glad you’re liking the block editor and we hope our guide can make the transition a little easier
管理者
Carla
複数の投稿で使用されているブロックを編集して、変更が同時に表示されるようにする方法はありますか？
WPBeginnerサポート
やりたいことには、再利用可能なブロックを使用することをお勧めします。それに関するガイドは以下で確認できます。
https://www.wpbeginner.com/beginners-guide/how-to-create-a-reusable-block-in-wordpress/
管理者
Marcel
WordPressをインストールするとブロックエディターがデフォルトになるのに、なぜGutenbergがインストール可能なモジュールリストに表示されるのですか？
WPBeginnerサポート
デフォルトのエディターになる前から、ブロックエディター用のGutenbergプラグインがありました。ブロックエディターを使用するためにGutenbergプラグインをインストールする必要はもうありません。
管理者
Naureen Amjad
こんにちは、
詳細な記事をありがとうございます。
しばらく前にブロックエディターを削除しました。再インストールするにはどうすればよいですか？Gutenbergプラグインが多すぎて、どれがデフォルトのエディターなのかわかりません。
ご協力ありがとうございます。
WPBeginnerサポート
通常通りサイトでブロックエディターを使用するには、Classic Editorプラグインを無効にする必要があります。ただし、別のプラグインを使用している場合は除きます。
管理者
ダナ
ありがとうございます！探していた答えです（笑）。ブロックエディターが表示されない理由がわかりませんでした。皆さんは最高です。
Muhmmad Humayoon
ユーザー様、テキストの間隔（マージンやパディングなど）をフォーマットする必要があります。どのブロックを使用すればよいですか？
WPBeginnerサポート
これは特定のブロックではなくCSSになります。開始点として、以下のインスペクト要素に関するガイドをご覧ください。
https://www.wpbeginner.com/wp-tutorials/basics-of-inspect-element-with-your-wordpress-site/
管理者
ジェームズ
素晴らしい。非常に詳細で役立ちます。
WPBeginnerサポート
Glad our guide was helpful
管理者
Steve
MS Wordからブロックエディターにコンテンツをコピーする最良の方法は何ですか？
WPBeginnerサポート
以下の記事でこれについて詳しく説明していますので、ご覧ください。
https://www.wpbeginner.com/plugins/how-to-import-docx-documents-in-wordpress/
管理者
Ayoola Efunkoya
素晴らしい、役立つ投稿です。しかし、私は新しいエディタをスクリーンリーダーで使用する方法に関するリソースを真剣に探しています。助けていただけますか？
WPBeginnerサポート
現時点では推奨事項はありませんが、引き続き注意を払います。
管理者
Russ
ページを開いて編集しようとすると、常にブロックエディタのチュートリアルが最初に表示されます。この邪魔なポップアップを永久に消して、編集にアクセスできるようにするにはどうすればよいですか？
WPBeginnerサポート
そのポップアップを閉じたときに、ブラウザがCookieの設定を妨げていないことを確認する必要があるかもしれません。これは一般的な理由の1つです。
管理者
Sameo
このブロックエディターを使用していると、ブログ全体のフォントの色とサイズをグローバルに送信する方法がないことに気づきました。個々のブログを変更するのは非常に時間がかかります。
これを回避する方法はありますか？
WPBeginnerサポート
それにはCSSを使用する必要があります。以下の用語集ページでCSSについて説明しています。
https://www.wpbeginner.com/glossary/css/
管理者
Joshua
「続きを読む」を非表示にしたい場所に配置することで、表示される投稿を減らすにはどうすればよいですか？
WPBeginnerサポート
For that, you would use the More block
管理者
Colin Burch
ブロックをインデックス化する方法はありますか？ 幅を狭くすることはできますか？
WPBeginnerサポート
インデックスという言葉で具体的にどのようなことを求めているかによります。幅に関しては、やりたいことの最も一般的な方法としてCSSまたは列を使用できます。
管理者
Colin
あまり使ったことのないものを見つけられませんでした。例えば、聖書の参照を説明する段落ブロックがあります。次に、聖書を含む別の段落ブロックを作成します。その聖書ブロックをインデントしたいと思います。どうすればよいですか？
WPBeginnerサポート
For the moment you should be able to use a classic block to add that indent
管理者
Colin
返信ありがとうございます。実際には、「引用」ブロックを使用することにしましたが、「詩」ブロックでも機能するでしょう。どちらも少しインデントされます。「引用」は縦線も付けます。
WPBeginnerサポート
Glad you found a solution that works for you
Nancy
WordPressを始めたばかりです。古いバージョンを使ったことがなく、慣れていないので、もしかしたら「ちょうど良い」タイミングだったのかもしれません。新しいブロックエディターで早速始めます。このガイドは役に立ちました。ありがとうございます。
WPBeginnerサポート
You’re welcome, glad our guide could be helpful
管理者
Ted Owen
素晴らしい記事をありがとうございます。そして、忍耐強く対応していただきありがとうございます。Gutenbergを短期間試しましたが、1つの重要な問題で苦労しました。テキストで囲まれた画像が互いにぴったりくっつき、まったくスペースがありませんでした。パディングを追加する方法を見つけようとしましたが、見つかりませんでした。そのため、Classicに戻りました。
しかし、今あなたの記事はGutenbergの良い点がどれだけ多いかを示しています。そこであなたに尋ねたいのですが、画像と隣接するテキストの間にパディング（スペース）を追加するにはどうすればよいですか？現在の解決策があれば、すぐにGutenbergに戻ります！
敬具 Ted
WPBeginnerサポート
メディアとテキストブロックを1つの方法として使用できます。また、テーマのスタイリングがこの問題の原因の一部ではないことを確認するために、テーマのサポートに問い合わせることも検討してください。
管理者
Ted Owen
ありがとうございます。次の投稿で試してみます。
Vatsalya Agnihotri
あなたのブログは素晴らしいです。ブロックエディターで投稿を注目の投稿としてマークしたいのですが、どうすればよいですか？教えてください。
WPBeginnerサポート
ブログのトップに投稿を固定するために、投稿の設定にチェックボックスがあるはずです。これはあなたが望むことのように思われます。
管理者
macide
こんにちは、記事をありがとうございます。
最初は新しいブロックエディタに偏見を持っていましたが、ページを変換するためのオプションがさらに多く提供されていることに嬉しい驚きを感じています。
私の唯一の問題は、ブロックエディターがフロントエンドですべてのタイトルを大文字で表示することですが、公開された投稿のタイトルは本来あるべき姿で見えます。エディターで何をしているかを確認できるように、これを修正する方法はありますか？
事前に感謝します。
WPBeginnerサポート
現時点では推奨事項はありませんが、ブロックエディターが改善されるにつれて、サイトのフロントエンドにより似た外観になるはずです。
管理者
Kathleen
WordPress.com を利用しています。ブロックエディターを使おうとしていますが、タグとカテゴリを入力する場所が見つかりません。消えてしまったようです。何かヒントはありますか？よろしくお願いします。
WPBeginnerサポート
それはドキュメント設定にあるか、右上にある3つの縦線ドットの下のオプションで確認できます。私たちのチュートリアルはセルフホストインストール用ですので、オプションが利用できない場合は、サポートに連絡することをお勧めします。
管理者
Shannon
これらのブロックが何をするのかを説明したドキュメントはありますか？
WPBeginnerサポート
現時点ではありません。
管理者
Sarah
それをオフにする必要があります。今すぐオフにする必要があります。プラグインはありません。理解できません。クラシック/通常のエディターのオプションがありません。無料バージョンに戻るにはどうすればよいですか？無料のプラグインでさえ、使用しようとすると、WordPressの有料バージョンにアップグレードする必要があると言われます。奇妙です。
WPBeginnerサポート
WordPress.comをご利用の場合、WordPress.comとWordPress.orgの違いにより、クラシックエディタのオプションが制限されるためです。
https://www.wpbeginner.com/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
管理者
デイブ・トルバート
この記事は素晴らしいですね。今のところブロックエディターは気に入っています。しかし、番号付きリストに画像挿入したいのですが、リスト内の画像の表示位置を制御する方法がないようです。リストブロック内の画像の表示位置を制御する方法はありますか？
WPBeginnerサポート
複数のブロックでこの問題が発生している場合は、リストを作成するためにクラシックブロックを使用することを検討してください。
管理者
ニール・アンフレッド
Gutenberg の分かりやすいチュートリアルをありがとうございます。
「Gutenberg でブロックを保存して再利用する」にたどり着き、すべての手順に従いました。再利用可能なブロックを管理できるページに到達しました。
さて、エディタに戻るにはどうすればよいですか？
WPBeginnerサポート
投稿/ページ管理エリアから手動でページに戻り、投稿を再度編集する必要があります。
管理者
ニール・アンフレッド
ありがとうございます。その通りにしました！
良い仕事を続けてください：このチュートリアルは、クラシックエディターからGutenbergエディター（「ブロックエディター」よりもはるかに面白く上品な名前）への変更に対する私の恐怖を克服するのに大いに役立ちました。
PS: Gutenbergユーザーとつながりがある場合は、再利用可能なページにエディタに戻るオプションを追加することを提案するかもしれません。
WPBeginnerサポート
当社の記事が新しいエディターへの切り替えに対する自信に役立ったとのこと、嬉しく思います。
Senchibald
拝啓、
WordPressのGUTENBERGブロックで問題が発生しています。ブロックが突然狭くなり、ページ全体に表示されず、十分なスペースがありません。この問題をどのように解決すればよいですか？
WPBeginnerサポート
まず、それがプラグインによって追加されたブロックでない場合、テーマのサポートに連絡して、テーマのスタイリングエラーでないことを確認してください。
管理者
Lily Girma
新しい投稿を作成しようとすると、ブロックがすべてぐちゃぐちゃになり、何も書けません。助けてください？ すべて更新しましたが、なぜこうなっているのかわかりません。Chromeを使用しています。
WPBeginnerサポート
いくつかの理由が考えられます。まず、アドオンなどが問題を引き起こしているかどうかを確認するために、別のブラウザを試してみてください。それでもブロックの場所が修正されない場合は、こちらのガイドを使用してテーマまたはプラグインの競合を確認してください：https://www.wpbeginner.com/beginners-guide/beginners-guide-to-troubleshooting-wordpress-errors-step-by-step/
管理者
スティーブ・スミス
この新しいブロックシステムはひどいです。
サムネイル画像を左に、その横の先頭に中央揃えのh2見出しテキスト、そしてその下にh4見出しを配置するという基本的なことができません。
これは古い、より優れたシステムでは最も基本的なことでした。
より多くのコントロールがあるという幻想を抱いていますが、現実はより多くのオプションがあっても成果が少ないということです。
サイトに追加できなくなるため、クラシックなスタイルに戻せることを願っています。
ただただひどい。
WPBeginnerサポート
新しいエディターにとっては学習プロセスであり、あなたが望むものを作成するには、カラムブロックを試すのが良いかもしれません。
管理者
カレン・フォンテーヌ
チュートリアルを読んだ後、クラシックエディターのプラグインをアンインストールしたいのですが、クラシックとブロックの両方で書かれた投稿があります。フォントが異なり、奇妙に見えます。ブロックビューに切り替えると、ブロックの1つに「予期しない、または無効なコンテンツが含まれています」と表示されます。そしてHTMLに切り替えるように求められます。
プラグインをアンインストールすると、このコンテンツを再作成する必要がありますか？
WPBeginnerサポート
スタイリングを取り戻すには、変更されたコンテンツをHTMLに設定する必要がある可能性が高いですが、ほとんどの場合、コンテンツはまだそこにあるはずです。
管理者
jill
ブロックシンボルの包括的なリストと、それぞれの機能はありますか？
WPBeginnerサポート
Not at the moment, as plugins add blocks there will also be more blocks in your list but the blocks should state their name below their symbol to give you an idea on what they’re used for
管理者