WordPressのエディターとは？ 基本的な使い方や機能を紹介

メインコンテンツエリアでは、記事タイトル・見出し・本文・画像などをブロック単位で追加して記事を作成します。

ブロック内に文章を書くとメニューバーが表示されますが、それぞれの役割は以下の通りです。

見出し・リスト・引用など、ブロックのタイプを変更できます。

左寄せ・中央寄せ・右寄せの3種類から選び、テキストの位置を変更できます。

文字を太字に変換します。

文字を斜体（イタリック体）に変換します。

テキストなどにリンクを挿入します。

「V 」部分を押下すると、テキスト装飾機能のドロップダウンリストが表示されます。

縦の三点リーダー部分を押下すると、コピー・複製・ブロックの移動などをおこなうドロップダウンリストが表示されます。

ブロックの削除やHTML編集をおこなう際にも利用できます。

ツールバーは画面上部にあるメニューのことで、各種設定・下書き保存・プレビュー・ブロック追加などをおこなう際に使用します。

ツールバーで設定できる項目を一つずつ見ていきましょう。

WordPressのロゴ部分を押下すると、管理画面に移動、または投稿一覧や固定ページ一覧に移動します。

「＋」マークはブロックを追加する際に使います。

ペンのマークはブロックの編集と選択のモードを切り替える際に使います。

矢印のマークを押下すると、一つ前の操作に戻る・一つ後の操作に進むことができます。

編集中の記事に含まれる文字数・単語・見出し・段落・ブロックの数を確認できます。

現在使っているブロックを一覧表示し、ブロックの種類や位置などを確認できます。

画面右上のメニューは、下書き保存・プレビュー画面の表示・記事の公開をする際に使います。

歯車のマークを押下すると、サイドメニューバーの表示・非表示を切り替えられます。

一番右の縦の三点リーダーを押下すると、表示モードやエディターモードの切り替え、ツールやオプションの設定ができます。

サイドメニューバーでは、記事の設定やブロックごとの設定をおこないます。

デフォルトではサイドメニューバーが「投稿」の状態になっており、記事の公開や非公開、公開するタイミング、パーマリンク、カテゴリーやタグ、アイキャッチなどの設定ができます。

たとえば「カテゴリー」を押下するとカテゴリーの一覧が展開するので、記事を紐づけたいカテゴリーのチェックボックスにチェックを入れます。

ブロックを選択すると、各ブロック毎の詳細な設定をおこなうことができます。

ブロックエディターはブロックを追加していくことで、記事を作成します。

ブロックには、見出し・段落（本文）・画像・リスト（箇条書き）・引用など、さまざまな種類があります。

ブロックを追加するには、上部のツールバーまたはメインコンテンツエリアにある「＋」マークを押下します。

ツールバーにある「＋」マークを押下すると、追加できるブロックが左サイドに一覧表示されるので、使いたいブロックを選びましょう。

このときは右側のサイドメニューバーは自動的に非表示になります。

上部にある検索窓で使いたいブロックを探すことも可能です。

メインコンテンツエリアで追加する場合も「＋」マークを押下すると使用できるブロックが表示されるので、必要なブロックを選んでください。

「すべて表示」を押下すると、左サイドに利用できるブロックの一覧が表示されます。

すでに入力したブロックを他のブロック種に変更することもできます。

ブロックを変更する際は、現在使用しているブロックの上部に表示されるメニューバーの左端にあるアイコンを押下します。

メニューバーが表示されない場合は、対象のブロックを押下すると表示されます。

アイコンを押下すると利用できるブロックが表示されるので、指定のブロックを選びましょう。

ブロックの移動は、段落や画像などを簡単に移動させることができる機能です。

マウス操作だけで任意の位置に移動できるので、編集作業のスピードアップが図れます。

ブロックの移動は、図の赤枠部分のどちらでも対応可能です。

左側のアイコンはドラッグ＆ドロップで自由に移動させる際に使います。大きく移動させる場合に使いましょう。

右側にある矢印アイコンは押下することで１つずつ上下に移動します。短い距離の移動であればこちらのほうが便利です。

ブロックの複製は、1つの記事で同じコンテンツや装飾を繰り返し使いたい場合などに便利な機能です。

ブロックを複製するには、ブロックの上に表示されるメニューバーの右端にある縦の三点リーダーを押下します。

展開するドロップダウンリストから「複製」を押下すると、ブロックが複製されます。

ブロック内のコンテンツが装飾されている場合、修飾を維持しながら複製できるので便利です。

ブロックのグループ化は、複数のブロックをつなげる機能です。

一度に複数のブロックを複製したり移動したりする際に使用します。

まずはグループ化したい範囲を選択します。

PCであれば「shiftキー」を押しながらブロックを選択すると、複数ブロックを範囲選択できます。

メニューバー右端の縦の三点リーダーアイコンを押下し、ドロップダウンリストから「グループ化」を押下します。

これでブロック同士がグループ化されました。

グループ化を解除したい場合は、再度「グループ化」を押下すると解除できます。

必要のないブロックを削除する際は、ブロックの削除機能を使います。

ブロックを削除するには、メニューバー右端の縦の三点リーダーアイコンを押下し、ドロップダウンリストから最下段にある「ブロックを削除」を押下します。

※ここでは段落ブロックを使用しているので「段落を削除」と表示されていますが、使用しているブロックによって名称が変わります。

ブロックの再利用は、一度作成したコンテンツをいつでも読み出せるように、エディターに登録しておく機能です。

まず、登録したいブロックを選択し、メニューバー右端にある縦の三点リーダーアイコンを押下。

ドロップダウンリストから「再利用ブロックに追加」を押下します。

ポップアップが表示されるので、任意の名前を入力して「保存」をクリックします。

再利用する際に迷わないように、わかりやすい名前を設定しましょう。

登録した再利用ブロックは「＋」マークを押下するとブロック一覧に表示されています。

使用頻度の高い文章や画像、装飾スタイルなどを登録し、記事作成を効率化させましょう。

見出しを設定するには、ツールバーの「＋」またはメインコンテンツエリアの「＋」を押下します。

ツールバーから見出しを設定する場合は「＋」を押下し、画面の左側に展開されるメニューから「見出し」を選択します。

メインコンテンツエリア内で設定する場合は「＋」アイコンを押下するとメニューがポップアップ表示されるので、「見出し」を選択します。

ここに表示されるブロックは利用頻度の高いものだけなので、もし表示されなければ上部の検索窓から「見出し」で検索してください。

見出しは「H1」から「H6」まで設定できます。

通常H1は記事タイトルに自動的に設定されているので、記事作成では使用しません。

「H2 > H3 > H4 > H5 > H6 」という序列関係があり、キレイな入れ子状態で使用しましょう。

WordPressの見出しの作り方は、下記の記事でもくわしく解説しています。

段落の追加も、ツールバーまたはメインコンテンツエリアの「＋」アイコンからおこないます。

ツールバーからの段落追加は、画面の左側に展開されるメニューから「段落」を選択します。

メインコンテンツエリアから追加する際は「＋」アイコンを押下して「段落」を選んでください。

段落が追加され、テキストが入力できる状態になりました。

またパソコンでWordPressを使う場合は、キーボードの「Enter」キーを押下すると新しい段落ブロックが追加されます。

段落を追加するたびに「＋」アイコンを押す必要はなく、Wordのような感覚でテキストを効率良く入力できます。

テキストの装飾は、段落の上部に表示されるメニューバーの赤枠部分からおこないます。

「B」は太文字、「/」は半角英数字をイタリック体（斜体）に変換できるので、テキストを強調したい場合に便利です。

また、メニューバーの赤枠部分のアイコンを押下するとハイライト（文字色の変更）や打消し線などの装飾も可能です。

実際に「ハイライト」を押下して、テキストの文字色を変更してみましょう。

文字色の設定メニューが表示されるので、希望の色を選択してください。

リスト（箇条書き）を作成するには、ツールバーまたはメインコンテンツエリアの「＋」アイコンから「リスト」を選択します。

リストブロックが表示されました。

デフォルトでは●印の箇条書きになっていますが、赤枠部分の右側のアイコンを押下すると番号付きのリストに変更できます。

パソコンの場合、テキスト入力後に「Enter」を押下すると続けて入力できます。

すでに入力したテキストを箇条書きで表示する際は、対象範囲を選択のうえメニューバーの「段落」アイコンを押下し、「リスト」を選択します。

リンクの挿入は、外部サイトへのリンク（外部リンク）のほか、自サイト内の別記事へのリンク（内部リンク）や、広告リンクを貼る際に利用する機能です。

WordPressのリンクに関しては、下記の記事にもくわしく解説しています。

リンクを挿入するには、まずリンクを貼りたいテキストを範囲選択したうえでメニューバーのリンクアイコンを押下します。

URLの入力画面が表示されるので、URLを入力します。

入力できたら「送信」アイコンを押下するか、パソコンの場合は「Enter」キーを押下してください。

リンク先を別のタブで開くように設定するには「新しいタブで開く」をONにします。

画像・動画の挿入は、ツールバーまたはメインコンテンツエリアの「＋」アイコンを押下します。

展開されたメニューから「画像」または「動画」を選択します。

メインコンテンツエリアから設定する場合、デフォルトで「画像」または「動画」アイコンを選択します。

表示されない場合は検索窓から「画像」または「動画」と入力し検索してください。

「画像」アイコンを押下すると画像ブロックが作成されます。

新たに画像をアップロードする場合は「アップロード」、すでにアップロードされている画像を挿入する場合は「メディアライブラリ」を押下します。

他サイトに掲載されている画像を使う場合は「URLから挿入」を押下します。

たとえば「メディアライブラリ」を選択すると、アップロードしてある画像の一覧が表示されるので、掲載したい画像を選択します。

必要に応じて「代替テキスト」「タイトル」「キャプション」「説明」を設定したうえで、下部の「選択」ボタンを押下します。

このように画像が挿入されます。

また、動画も同じ手順で挿入できます。

ブロックエディターには、記事内にX（旧Twitter）などのSNS投稿やYouTube動画を埋め込めるブロックも用意されています。

ツールバーまたはメインコンテンツエリアの「＋」アイコンを押下します。

一覧に表示されない場合は検索窓に「X（旧Twitter）」や「YouTube」と入力して、出てきた候補から選択します。

例として「X（旧Twitter）」の投稿を埋め込む方法を紹介します。

Twitterブロックが表示されるので、埋め込みたいツイートのURLを貼り付け、「埋め込み」ボタンを押下します。

対象のツイートが記事内に表示されました。

また、YouTube動画を埋め込む際は、YouTubeブロックを挿入し、対象のURLを入力すると埋め込みができます。

投稿画面を開くには、ダッシュボード左側メニューの「投稿」から「新規追加」を選択します。

デフォルトの状態は上図のようになっています。

ここまで解説したブロックエディターの操作方法（下記）を元に、記事を作成しましょう。

記事作成に活用できるブロックは、本記事内で紹介したもの以外にも豊富に用意されています（下記）。

導入するテーマやプラグインによってもブロックのラインナップは変わるので、色々と試してみましょう。

記事の作成が完了したら、下書き保存や公開に進みます。

記事を作成したら、画面右上にある「下書き保存」を押下し保存をおこないましょう。

また、「プレビュー」を押下するとで出来上がり具合を事前に確認できます。

「下書き保存」を押下すると「保存しました」と表示されます。

なお、WordPressは作成している記事を60秒ごとに自動保存する機能が搭載されています。

下書き保存ボタンは記事作成を中断する際や完成後に押下するだけでも問題ありません。

「プレビュー」はデスクトップ・タブレット・モバイルそれぞれの画面サイズに合わせて確認できるので、すべてのデバイスで読みやすさを確認してください。

閲覧者が多いのはモバイルですので、特にモバイルからの見え方には注意しましょう。

プレビューを確認して問題がなければ、サイドメニューバーで公開前の設定をおこないます。

上部にある「投稿」タブを押下し、「表示状態」を公開・非公開・パスワード保護から選びます。

公開の設定は「今すぐ」または「日時指定」での公開を選択できます。

記事の作成と各種設定が完了したのを確認し、問題がなければ記事を公開しましょう。

ツールバーの右側にある「公開」を押下すると、記事が投稿されネット上に公開されます。