WordPressのビジュアルエディタとテキストエディタの使い方

WordPressでは、管理画面の投稿や固定ページから記事を執筆できます。その本文の（メインコンテンツ）作成に使用するのが下記2つのエディタです。

現在は、WordPress5.0から導入されたブロックエディタ（Gutenberg）が標準のエディタになっていますが、今も根強い人気を誇るクラシックエディタを使い続けたい方も多いのではないでしょうか。

当記事では、クラシックエディタ（ビジュアルエディタとテキストエディタ）の使い方について解説します。

 

クラシックエディタを利用するには

WordPress5.0以降のバージョンでクラシックエディタを使用する場合は、別途プラグインの導入が必要になります。プラグイン > 新規追加の画面から「Classic Editor」をインストールして有効化します。

これでクラシックエディタを使用できるようになりました。プラグインの具体的なインストール方法や注意点については下記の記事をご覧ください。

クラシックエディタは2つの操作画面で構成される

クラシックエディタは、下記2種類のエディタ（ビジュアル / テキスト）で構成されており、この2つを右上のタブで切り替えて本文を入力できます。各エディタの使い方をそれぞれみていきましょう。

また、テーマによっては、本文を装飾できる独自のパーツ（クイックタグ）を使用できます。TCDテーマ独自のクイックタグ機能の使い方については下記をご覧ください。

ビジュアルエディタの使い方

ビジュアルエディタは、上部のアイコンをクリックして本文の装飾を行っていきます。操作画面が「Microsoft Office Word」に似通ったデザインのため、初めての方でも取り掛かりやすいのが特徴です。

例えば、入力した本文の一部を太字にしたいときは、下記のように装飾したいテキストを選択してアイコンを押します。（お使いのテーマやプラグインによって操作画面は異なります。）

その他、使用頻度の高いアイコンを下記にまとめましたので、ご参考ください。

また、画像は「メディアを追加」のボタンを押して挿入できます。詳細な方法は下記をご覧ください。

テキストエディタの使い方

テキストエディタは上部のボタンを押して、HTMLタグを挿入していきます。押した直後は開始タグが挿入され、再度同じボタンを押すと、終了タグが挿入されます。

上記のようにHTMLで直接記入していくため、全体の構造を把握しながら書き進めていくことが可能です。様々な使い方がありますが、ビジュアルエディタで挿入したコンテンツのHTML構造を把握するのに使用する方もいれば、テキストエディタだけで記事を執筆する方も存在します。

もっと知っておきたいエディタのこと

クラシックエディタにも特有の「癖」なるものが存在します。これらを事前に知っておくことで、今後問題が起こった際に迅速に対応できますので、ぜひ下記も合わせて目を通してみてください。

Enterキー ＝ 改行ではない

ビジュアルエディタのEnterキーは段落（<p>〜</p>）を区切るために使用します。改行（<br>）する場合は「Shift + Enterキー」を押下してください。

Enterキーを押すとページの下部に移動する事象について

Enterキーを押すと稀にページの最下部に移動することがあります。

編集画面（エディタ）の右上にある「表示オプション」を開き、「最大行表示エディターと集中執筆モード機能を有効化します。」のチェックを外すと改善します。ただし、テキストエリアの高さが固定され、スクロール式になります。

HTMLを入力すると自動でpタグやbrタグが挿入される

テキストエディタでマークアップする際に自動でHTMLのタグが挿入されることがあります。こちらを無効化したい方は下記の記事をご覧ください。

まとめ

ビジュアルエディタとテキストエディタの使い方について解説しました。これらの操作方法を覚えるのに最も効果的なのが、実際に記事を書くことです。

• 何から始めればいいのか分からない
• この書き方で大丈夫か不安

とお考えの方は、下記に集客力の強い記事の書き方を5つのステップで解説していますので、今後の記事執筆にお役立てください。