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でもフォローできます。
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
管理者
アネット・アブラハムセン
This is a great intoduction! I’ve learned a lot..
However I can’t seem to find a guide on how to make a link block.
I need to link from my site to another site just using a block with a link.
The only option I get is to edit my permalink
Any ideas, you guys??
WPBeginnerサポート
段落ブロックのテキストを編集する際に、それをハイライト表示すると、小さな新しいツールバーを使用してリンクを追加できるはずです。
管理者
DaveM
2008年にWP V2.6を使い始め、自分で開発したPHPサイトをCMSとしてWPに移行しました。それ以来、確かに長い道のりを歩んできました。Gutenbergは、かつては自分でコーディングするかプラグインを導入する必要があったものが詰め込まれた、はるかに優れたワークフローUIを提供しているように見えますが、経験豊富なWPユーザーである私でさえ、新しいインターフェースにはしばしば戸惑っています。それは単なる学習曲線です。ご紹介、ヒント、ガイダンスをありがとうございます。これを使って習得します！乾杯。
WPBeginnerサポート
Thanks for sharing how you feel about Gutenberg, as it improves hopefully it should get easier to use
管理者
マイケル・ローイング
ブロックエディターを使用してテーブルを挿入できることに満足しました。各セルにメディアコンテンツにリンクしたいコードをそれぞれ入力しました。しかし、その方法を簡単に見つけることができませんでした。各ケースでURLにリンクすることはできましたが、これは長々とした作業です。明らかに、ブロックエディターから直接メディアコンテンツを追加できる方が良いでしょう。私が愚かで何かを見落としてしまったのでしょうか？
WPBeginnerサポート
現時点ではテーブルブロックの制限事項です。最も近い代替案としては、メディアブロックを挿入するためにカラムブロックを作成することが考えられます。
管理者
Jonathan
WordPressをアップデートしてから、「接続が失われました」というアラートが表示されました。解決する前にクラシックエディタープラグインを無効にしました。ブロックエディターを無効にしてクラシックエディターを使用する方法はありますか？ブロックエディターが登場してから、WordPressアプリは投稿時に常にジェネリックエラーの通知を出します。アプリの問題は何ですか？
WPBeginnerサポート
アプリのサポートに連絡して、問題について知らせ、原因を調査してもらうのが良いでしょう。
管理者
Curt Byers
これは信じられないほど役立つチュートリアルでした。
しかし、タイトルのテキストを中央揃えできない問題に対する解決策は見つからなかったと思います。それは馬鹿げています。
しかし、見出しで得られるサイドバーのフォーマットオプションのうち、中央揃えオプションがタイトルでは消えてしまい、画像でも中央揃えオプションがあるオーバーヘッドフォーマットバーも消えてしまいます。これはページ上で最も重要で目立つ機能であり、WordPressは非常に一般的なフォーマットの選択を妨げるために、わざわざ手間をかけているようです。何か助けになりますか？WordPressコミュニティへのサービスに改めて感謝します。
WPBeginnerサポート
テキストを中央揃えにするオプションが表示されない場合は、右上にある3つのドットをクリックしてトップツールバーを有効にできるはずです。それが有効になれば、ブロックが選択されている状態で段落ブロックのテキストを中央揃えにするオプションが表示されるはずです。
管理者
ステファン・ハート
ページ上のブロック間を移動する簡単な方法はありますか？例えば、ページ上の最初のブロックで何かを読んでいるときに、ページの下の方にある別のブロックに移動したい場合、簡単にジャンプする方法はありますか、それともページをスクロールするだけですか？
WPBeginnerサポート
現時点では、ページを下にスクロールする必要があります。
管理者
Jeffrey Christian
新しいWPのフォーマットは嫌いで、ブログホストを変更するほどです。これはよりユーザーフレンドリーではありません。以前は簡単に投稿でき、ライブラリから動画を追加できました。今では、ひどい新しいブロックフォーマットにデフォルト設定され、変更できず、イライラしながらブログ投稿を終えても、動画メディアを追加できません。WPは常に、ブログをよりイライラする体験にするために更新しています。残念です。
WPBeginnerサポート
WordPressに留まりたい場合は、こちらの記事の方法でクラシックエディターに戻すオプションがあります：
https://www.wpbeginner.com/plugins/how-to-disable-gutenberg-and-keep-the-classic-editor-in-wordpress/
管理者
Nesdon
このイライラする問題は、すべてのソフトウェアUIに共通することですが、学習曲線の平坦な部分に到達したと思ったら、UIが更新されてしまい、また新たな登攀を強いられるように感じることがよくあります。
デザイン変更をどれくらい待って、どれくらい推し進めるべきかを知ることが、ユーザーベースの間で進歩を受け入れてもらうための鍵だと思います。確かに、Gutenbergは一部の人が乗り越えたくない大きな一歩です。しかし、長年対処されずに放置されてきた不可解なレガシー要素が多すぎたため、避けられなかったのかもしれません。
私も苦労しています。特に多くのショートコードを使用している古いサイトの扱いは大変ですが、このハードルを乗り越えれば、その先には美しい広大な草原が広がっていると信じています。
Larry Dean
個々のブロックだけでなく、ブロックのグループをまとめて保存できる機能があると便利だと思います。そうすれば、投稿ページのデザインが気に入ったときに、再利用できます。これは、各投稿の構造をあまり変更せず、それほど柔軟性を必要としない私たちにとって特に役立つでしょう。
WPBeginnerサポート
That could certainly be something to look into for the future as Gutenberg improves
管理者
A・オブライエン
こんにちは！カバーブロックのサイズを変更する方法はありますか？横幅を半ページにして2つ並べたいのですが、そのような機能が見つかりません。
ありがとうございます！
WPBeginnerサポート
おそらく、お探しのものにはカラムブロックを使用すると良いでしょう。
管理者
RK
ブロックを無効にして、古いエディター形式に戻すオプションはありますか？
Gutenbergブロックはひどいし、彼らが今後数年間かけて改善するのを待つ間、仕事の質とスピードを妥協したくありません。
WPBeginnerサポート
こちらの記事にあるプラグインのいずれかを使用して、従来のエディターに戻すことができます: https://www.wpbeginner.com/plugins/how-to-disable-gutenberg-and-keep-the-classic-editor-in-wordpress/
管理者
BOSS
ブロックは実際にはまだゴミです。ブロックの高さを変更するにはどうすればいいですか??????
WPBeginnerサポート
ブロックエディターはゆっくりと改善しようとしています。ブロックは、ブロックに追加されたコンテンツに基づいて高さを変更するはずです。
管理者
Danielle
私はWP初心者で、現在2019テーマを使用しています。やりたいことは、ホームページに投稿の全文が表示されないように抜粋を追加することだけです。どうすればそれができるのか、どうしてもわかりません。「抜粋」のテキストボックスをドキュメントエディタの右ナビゲーションで見つけて試しましたが、うまくいきませんでした。何か助けがあれば幸いです。ありがとうございます！
WPBeginnerサポート
テーマが抜粋をサポートしていない可能性があります。従来のまたはブロックエディターを使用しているかどうかに応じて、moreブロックまたはread moreブロックを追加して、問題が解決するかどうかを確認してみてください。
管理者
デビッド・ブリットン
Danielleさん、レイアウト要素の下にある「もっと見る」ツールが必要かもしれません。これにより、投稿の最初の段落（または任意の段落）の後に「続きを読む」リンクを追加できます。
nick
2つのブロックの間隔を狭める方法はありますか？
WPBeginnerサポート
サイトのフロントエンドを指している場合、通常はCSSを使用して編集する必要があります。
管理者
Lori | 知恵を選ぶ
段落ブロックを見ると、ここに示されているのと同じオプションが表示されません。フォントの色を変更できず、カスタムスタイルで背景色の色設定にプリセットの色があります。段落ブロックでこのオプションにアクセスするためにオンにする必要があるものはありますか？
WPBeginnerサポート
何かを有効にする必要はないはずですが、プラグインやテーマがこれらのオプションを削除していないことを確認したい場合があります。
管理者