ガイド/サイトをカスタマイズ/エディター/ブロックを使ったコンテンツの追加

ブロックを使ったコンテンツの追加

ブロックは、WordPress エディターでコンテンツを構成する1つ1つの要素です。サイトを形作る基本のパーツだと考えてください。テキスト、画像、動画、音声ファイル、コラム、スペース、改ページ、支払いボタン、カレンダーなどさまざまなブロックを追加できます。このガイドでは、ブロックの追加方法について説明します。

動画チュートリアル

この動画では、WordPress エディターでブロックを使ってコンテンツを追加する方法を紹介します。ブロック挿入ボタンの使い方、スラッシュコマンドによるブロックの追加、ツールバーやサイドバーの設定を使ったブロックの編集、リスト表示を使ったブロックの位置変更について解説しています。

ブロックを追加する方法

ブロックは、「+」ボタン (ブロック挿入ボタンと呼ばれます) が表示される場所ならどこにでも追加できます。これは以下のような複数の場所に表示されます。

  1. エディターの左上の「+」ブロック挿入ボタンをクリックします。ここからは、さまざまなブロックスタイルをプレビューできます。
ブロック追加用の + サイドバーが開いた状態で、詳細ブロックのアイコンにカーソルを合わせるとプレビューが表示されている画面。
ブロックアイコンにカーソルを合わせると、追加する前にプレビューを確認できます。
  1. キーボードの Enter キーまたは Return キーを押して新しい行を作成し、空のブロックの横にある「+」ブロック挿入ボタンをクリックします。
エディター内の + ブロック挿入ツールを指す矢印。
  1. クリックしたブロックの上に表示されるツールバーで「…」(3つの点) を選択し、「前に挿入」または「後に挿入」を選択して、新しいブロックを現在のブロックの上または下に挿入します。
ブロックツールバーの「オプション」メニューから「前に追加」と「後に追加」オプションを指す矢印。

ヒント: 使いたいブロック名がわかっている場合は、スラッシュの後にブロック名を入力するとすばやく追加できます。例: /image または /heading

ブロック追加のショートカット

ブロックを削除するには、ブロックを削除する方法をご覧ください。

特定の位置にブロックを追加する

ページにすでにコンテンツがあり、その中の特定の場所に新しいブロックを追加したい場合は、次の2つの方法で行えます。

方法1: リスト表示を使う

リスト表示は、サイトのコンテンツを編集する際に便利なツールです。リスト表示にアクセスして新しいブロックを追加するには、以下の手順に従ってください。

  1. エディターの左上にある3本線のアイコンをクリックして、リスト表示を開きます。
  2. 新しいブロックを追加したい位置の横にある既存のブロックをクリックします。
  3. ハイライトされたブロックの右側にある3つの点をクリックします。
  4. 前に挿入または後に挿入を選択します。
  5. 「+」ブロック挿入ボタンをクリックします。
  6. 追加したいブロックを検索し、クリックしてその位置に挿入します。
リスト表示を使って特定の位置に新しいブロックを追加する操作。

方法2: カーソルを使う

コンピューターのマウスやタッチパッドを使って、以下の手順で特定の位置に新しいブロックを追加することもできます。

  1. ページ上で新しいブロックを追加したい位置にカーソルを合わせ、その場所にしばらく置きます。
  2. 約1秒後に表示される「+」ブロック挿入ボタンをクリックします。
  3. 追加したいブロックを検索し、クリックしてその位置に挿入します。
カーソルを使って特定の位置に新しいブロックを追加する操作。

ブロックを知る

サイトに追加したいあらゆる要素に対応するブロックが用意されています。すべてのブロックのリストを閲覧するには、エディター左上の「+」ブロック挿入ボタンをクリックしてください。ブロックの全一覧と各ガイドはこちらから確認できます。

すべてのブロックがカテゴリーごとに表示されます。ブロックの上にカーソルを合わせると、プレビューと詳細情報が表示されます。

ここからブロックパターン (使いやすいデザインとしてまとまったブロックの組み合わせ) にもアクセスできます。プロがデザインした豊富なパターンを集めたパターンライブラリもぜひご覧ください。サイト構築にすぐ活用できます。

プラグインがインストールされている場合は、プラグインによって追加されたブロックもここに表示されることがあります。

Adding blocks and block patterns from the Block Inserter.

WordPress エージェントでコンテンツを追加

The WordPress Agent four-pointed star icon.

このセクションは、AI ウェブサイトビルダーで作成されたサイト (すべての有料プラン) または WordPress エージェントを有効化したサイト (すべての有料プラン) に適用されます。WordPress エージェントを開くには、画面下部の AI アイコン (四芒星) をクリックしてください。

WordPress エージェントは、サイト用コンテンツの作成をサポートします。以下のプロンプト例をコピーしてお使いいただけます。

  • 「[トピック] に関するページの短い紹介文を書いてください。」
  • 「訪問者に問い合わせを促すコールトゥアクションの段落を書いてください。」
  • 「自分のビジネスが提供する5つのサービスを箇条書きで作成してください。」
  • 「会社概要ページ用の簡単なチーム紹介文を書いてください。」

AI エージェントでコンテンツを追加

The WordPress Agent four-pointed star icon.

Claude、Cursor、ChatGPT、OpenClaw などの外部 AI エージェントを使用して、サイトを安全に読み取り・編集できます。外部 AI エージェント向けの MCP ツールアクセスを有効化してください。

AI エージェントは、自然言語のプロンプトを使って、ページや投稿全体でブロックの追加、配置、内容の入力を行えます。以下のプロンプトをお試しください。

  • 「会社概要ページの先頭に画像ブロックを追加し、その後に段落ブロックを挿入してください。」
  • 「『詳しくはこちら』というラベルのボタンブロックを挿入し、サービスページにリンクしてください。」
  • 「ホームページの各セクションの間に区切りブロックを追加してください。」
  • 「最新の投稿の2番目の段落の後に引用ブロックを挿入してください。」

よく使うブロックを表示

いつも同じいくつかのブロックを追加している場合は、以下の手順でブロックリストの上部によく使うブロックを表示できます。

  1. エディター画面の右上にある「…」アイコン (3つの点) をクリックします。
  2. 設定ブロックを選択します。
  3. よく使うブロックを表示のトグルをオンにします。

これで、サイトでよく使うブロックを選びやすくなります。

よく使うブロックを表示
Copied to clipboard!