ブロックエディタとは

ブロックエディタ(Gutenberg)は、WordPress 5.0から標準となった新しいエディタです。見出し、段落、画像などの「ブロック」を組み合わせて記事を作成します。

📝 直感的

ドラッグ&ドロップで簡単に配置変更

🎨 柔軟

様々なレイアウトを自由に作成

📱 レスポンシブ

PC・スマホで最適に表示

🔌 拡張可能

プラグインで新しいブロック追加

旧エディタ(クラシックエディタ)との違い

補足:旧エディタに戻したい場合は、「Classic Editor」プラグインをインストールすると戻せます。ただし、新しい機能を活用するためにも、ブロックエディタに慣れることをおすすめします。

新規投稿の作成手順

  1. WordPress管理画面にログイン
  2. 左メニューから「投稿」→「新規追加」をクリック
  3. エディタ画面が開きます

エディタ画面の見方

エディタ画面は以下の要素で構成されています:

タイトルの入力

「タイトルを追加」と表示されている部分をクリックして、記事のタイトルを入力します。

SEOのコツ:タイトルは32文字以内が理想です。検索結果に表示される文字数の目安です。キーワードを含めることも重要です。

主要ブロックの使い方

段落ブロック

最も基本的なブロックです。普通の文章を書く時に使用します。

追加方法:「/」を入力して「paragraph」と入力、またはEnterキーを押すと自動的に追加されます。

見出しブロック

記事を構造化するための見出しです。H2、H3、H4などのレベルがあります。

追加方法:「/heading」と入力、または左上の「+」ボタン→「見出し」を選択

SEOのポイント:H1はタイトルで使用されているため、本文ではH2から始めます。H2→H3→H4の順番を守りましょう。

リストブロック

箇条書きや番号付きリストを作成します。

追加方法:「/list」と入力

画像ブロック

画像を挿入します。

追加方法:「/image」と入力、または「+」ボタン→「画像」

アップロード、メディアライブラリ、URLから挿入の3つの方法があります。

引用ブロック

他の文献や発言を引用する際に使用します。

追加方法:「/quote」と入力

引用文がここに入ります。出典や著者名も記載できます。

ボタンブロック

クリックできるボタンを作成します。CTAやリンク誘導に便利です。

追加方法:「/button」と入力

カラムブロック

2カラム、3カラムなど、横並びのレイアウトを作成します。

追加方法:「/columns」と入力

記事の装飾テクニック

文字色・背景色の変更

  1. 装飾したい文字を選択
  2. ツールバーの「A」アイコン(テキスト色)をクリック
  3. 好きな色を選択
注意:派手な色を使いすぎると読みにくくなります。強調したい部分だけに使いましょう。

太字・イタリック

リンクの挿入

  1. リンクにしたい文字を選択
  2. ツールバーの「🔗」アイコンをクリック
  3. URLを入力してEnter
SEOのコツ:「こちら」ではなく、「WordPress SEO対策の基本」のように、リンク先の内容が分かるテキストにしましょう。

画像の挿入と編集

画像の挿入方法

方法1:アップロード

  1. 画像ブロックを追加
  2. 「アップロード」をクリック
  3. PCから画像ファイルを選択

方法2:メディアライブラリから

  1. 画像ブロックを追加
  2. 「メディアライブラリ」をクリック
  3. 以前アップロードした画像から選択

方法3:URLから

  1. 画像ブロックを追加
  2. 「URLから挿入」をクリック
  3. 画像のURLを入力

代替テキスト(alt)の設定

画像が表示されない時に代わりに表示されるテキストです。SEOにも重要です。

  1. 画像をクリック
  2. 右サイドバーの「代替テキスト」に説明を入力
例:「WordPressダッシュボードのスクリーンショット」「青空と海の風景写真」など、画像の内容を具体的に記述します。

画像サイズの調整

画像をクリックすると、四隅にハンドルが表示されます。ドラッグしてサイズを調整できます。

または、右サイドバーの「画像サイズ」で数値を入力して正確にサイズ指定も可能です。

カテゴリーとタグの設定

カテゴリーの設定

カテゴリーは、記事を大きく分類するためのものです。

  1. 右サイドバーの「カテゴリー」セクションを開く
  2. 既存のカテゴリーにチェック、または「新規カテゴリーを追加」
おすすめ:カテゴリーは5〜10個程度に絞りましょう。多すぎると管理が大変になります。詳しくはWordPressの構造解説をご覧ください。

タグの設定

タグは、記事の詳細なキーワードを設定します。

  1. 右サイドバーの「タグ」セクションを開く
  2. タグ名を入力してEnter(複数設定可能)

カテゴリーとタグの使い分け:

アイキャッチ画像の設定

記事一覧などで表示される代表画像です。

  1. 右サイドバーの「アイキャッチ画像」をクリック
  2. 「アイキャッチ画像を設定」をクリック
  3. 画像をアップロードまたは選択

公開設定と公開

下書き保存

作業途中で保存したい場合は、右上の「下書き保存」ボタンをクリックします。自動保存もされています。

プレビュー

公開前に実際の表示を確認しましょう。

  1. 右上の「プレビュー」ボタンをクリック
  2. 「新しいタブでプレビュー」を選択
  3. PC表示とスマホ表示の両方を確認

公開日時の設定

すぐに公開せず、予約投稿することもできます。

  1. 右サイドバーの「公開」セクションを開く
  2. 「今すぐ」の部分をクリック
  3. 希望の日時を設定

公開範囲の設定

公開ボタンをクリック

すべての設定が完了したら、右上の「公開」ボタンをクリックします。確認画面が表示されるので、もう一度「公開」をクリックします。

🎉 おめでとうございます!記事が公開されました。「投稿を表示」ボタンをクリックして、実際のページを確認しましょう。

記事作成のコツ

読みやすい文章を書く

SEOを意識する

詳しくはWordPress SEO対策の基本をご覧ください。

定期的に更新する

公開後も、情報が古くなったら更新しましょう。定期的な更新はSEOにも好影響です。

関連ページ