WordPressビジュアルエディタの使い方完全ガイド｜表示されない・改行できない悩みも解決
はじめに
WordPressで記事を書こうとしたとき、「ビジュアルエディタの使い方がよくわからない」「改行が思った通りにならない」「ビジュアルエディタが表示されない」と悩む方は少なくありません。
WordPressのビジュアルエディタは、HTMLやCSSの知識がなくても、文章の入力、見出しの設定、画像の挿入、リンクの追加、文字装飾などを画面上で直感的に行える編集機能です。ブログ初心者でも扱いやすい一方で、ブロックエディタやクラシックエディタ、テキストエディタとの違いがわかりにくく、トラブルが起きたときに原因を特定しづらい面もあります。
この記事では、WordPressビジュアルエディタの基本的な使い方から、画像・動画・表の挿入方法、改行や段落の整え方、表示されないときの対処法までわかりやすく解説します。WordPressでスムーズに記事を書きたい方は、ぜひ参考にしてください。
1. WordPressビジュアルエディタとは？まず知っておきたい基本
WordPressビジュアルエディタとは、実際の記事表示に近い見た目で本文を編集できる機能です。文字を入力しながら、見出し、太字、リンク、画像、リストなどを画面上で確認できるため、専門的なコードを書かなくても記事を作成できます。
現在のWordPressでは、主にブロックエディタを使って記事を作成します。ブロックエディタも視覚的に編集できるため、広い意味ではビジュアルエディタの一種と考えられます。一方、Classic Editorプラグインを使っている場合は、以前からあるクラシックエディタの「ビジュアル」タブで記事を編集します。
1-1. ビジュアルエディタでできること
WordPressのビジュアルエディタでは、ブログ記事の作成に必要な基本操作をほとんど行えます。
本文の入力はもちろん、見出しの設定、太字や斜体などの文字装飾、リンクの挿入、画像や動画の追加、箇条書き、引用、表の作成などが可能です。操作の多くはボタンやメニューから選択できるため、HTMLタグを直接入力しなくても記事を整えられます。
たとえば、文章の一部を選択して「B」ボタンを押せば太字になり、リンクボタンを押せばURLを設定できます。画像もメディアライブラリから選ぶだけで記事内に挿入できます。
このように、WordPressビジュアルエディタは「見たまま編集できる」ことが大きな特徴です。
1-2. テキストエディタ・コードエディタとの違い
ビジュアルエディタと混同されやすいものに、テキストエディタやコードエディタがあります。
ビジュアルエディタは、記事の見た目に近い状態で編集する画面です。文字装飾や画像配置を視覚的に確認しながら作業できます。
一方、テキストエディタやコードエディタは、HTMLタグやブロックのコードを直接編集する画面です。細かい調整ができる反面、HTMLの知識がないと表示崩れの原因になることがあります。
初心者が通常の記事を書く場合は、まずビジュアルエディタで編集するのがおすすめです。必要なときだけコードエディタを使えば十分です。
1-3. ブロックエディタとクラシックエディタの違い
WordPressの編集画面には、大きく分けてブロックエディタとクラシックエディタがあります。
ブロックエディタは、文章、画像、見出し、リスト、表、ボタンなどを「ブロック」として追加していく編集方式です。各要素を個別に移動・削除・設定できるため、レイアウトを柔軟に調整できます。
クラシックエディタは、Wordや一般的な文章作成ソフトに近い操作感の編集画面です。本文欄に文章を入力し、上部のツールバーから装飾やリンク挿入を行います。
現在のWordPressではブロックエディタが標準ですが、Classic Editorプラグインを導入すればクラシックエディタも利用できます。どちらもビジュアル編集は可能ですが、操作方法が異なるため、自分の作業スタイルに合う方を選ぶとよいでしょう。
1-4. 初心者がビジュアルエディタを使うメリット
初心者がWordPressで記事を書くなら、ビジュアルエディタを使うメリットは大きいです。
最大のメリットは、HTMLを知らなくても記事を作成できることです。見出しや太字、リンク、画像挿入などをボタン操作で行えるため、記事作成に集中できます。
また、編集画面である程度の見た目を確認できるため、読者にとって読みやすい文章になっているか判断しやすくなります。改行、段落、画像の位置なども調整しやすく、ブログ運営を始めたばかりの方でも扱いやすいです。
さらに、ブロックエディタであれば、よく使うデザインや構成をパターンとして再利用できるため、記事作成の効率化にもつながります。
2. WordPressビジュアルエディタの開き方と基本画面
WordPressビジュアルエディタは、投稿または固定ページの編集画面から開きます。記事を書く前に、どこから編集画面を開き、どのメニューで何を操作するのかを理解しておくと、作業がスムーズになります。
2-1. 投稿・固定ページからビジュアルエディタを開く方法
WordPress管理画面にログインしたら、左側メニューから「投稿」または「固定ページ」を選びます。
新しい記事を書く場合は「新規追加」をクリックします。既存の記事を編集する場合は、投稿一覧または固定ページ一覧から対象の記事タイトルをクリックします。
ブロックエディタを使用している場合は、そのまま編集画面が開きます。クラシックエディタを使用している場合は、本文入力欄の上部に「ビジュアル」と「テキスト」のタブが表示されるため、「ビジュアル」を選択します。
2-2. 編集画面の各メニューと役割
ブロックエディタの編集画面には、主に以下のようなメニューがあります。
画面中央には、タイトルや本文を入力する編集エリアがあります。左上の「＋」ボタンから、見出し、画像、リスト、表、ボタンなどのブロックを追加できます。
右側の設定パネルでは、投稿全体の設定や選択中のブロック設定を変更できます。カテゴリー、タグ、アイキャッチ画像、抜粋、URLスラッグなどもここで設定します。
画面右上には、下書き保存、プレビュー、公開または更新のボタンがあります。記事を書きながらこまめに保存し、公開前には必ずプレビューを確認しましょう。
クラシックエディタの場合は、本文入力欄の上部にツールバーがあり、太字、リンク、箇条書き、引用、配置などを操作できます。
2-3. タイトル・本文・見出しの入力方法
記事タイトルは、編集画面上部のタイトル欄に入力します。タイトルは検索結果やSNSで表示される重要な要素なので、記事内容がひと目でわかるようにしましょう。
本文は、タイトル下の編集エリアに入力します。ブロックエディタでは、段落ごとに自動で段落ブロックが作成されます。見出しを入れたい場合は、「＋」ボタンから「見出し」ブロックを追加するか、段落ブロックを見出しブロックに変更します。
クラシックエディタでは、本文を入力したあと、見出しにしたい行を選択し、ツールバーのプルダウンから「見出し2」「見出し3」などを選びます。
本文中では、基本的に大見出しにH2、小見出しにH3を使います。見た目だけを変えるために太字や文字サイズだけで見出し風にするのは避けましょう。
2-4. プレビューと下書き保存の使い方
記事を書いている途中は、「下書き保存」を使って作業内容を保存します。下書き保存をしておけば、公開前の記事として管理できます。
「プレビュー」をクリックすると、実際の表示に近い状態で記事を確認できます。編集画面では問題なく見えても、公開ページでは余白や画像サイズ、改行の見え方が異なる場合があります。
特にスマートフォン表示では、文章が長く見えたり、画像が大きく表示されたりすることがあります。プレビューでは、パソコン表示だけでなく、スマホ表示も確認しておきましょう。
2-5. 公開前に確認すべきポイント
記事を公開する前には、本文だけでなく各種設定も確認します。
タイトルに誤字脱字がないか、見出し構造が自然か、本文が読みやすいか、リンク先が正しいか、画像が表示されているかを確認しましょう。
また、カテゴリー、タグ、アイキャッチ画像、メタディスクリプション、URLスラッグも重要です。SEOを意識するなら、検索キーワードを自然に含めつつ、読者がクリックしたくなるタイトルや説明文に整えます。
公開後に修正することもできますが、最初に丁寧に確認しておくことで、表示ミスや機会損失を防げます。
3. WordPressビジュアルエディタの基本的な使い方
WordPressビジュアルエディタでは、文章の入力から装飾、リンク設定まで、記事作成に必要な基本操作を直感的に行えます。ここでは、初心者がまず覚えておきたい操作を解説します。
3-1. 文字を入力・編集する方法
本文を入力するには、編集エリアをクリックしてそのまま文字を入力します。ブロックエディタでは、Enterキーを押すと新しい段落ブロックが作成されます。
文字を修正したい場合は、該当箇所をクリックしてカーソルを合わせ、通常の文章入力と同じように削除や追記を行います。文章の一部を選択すると、太字やリンクなどの簡易ツールバーが表示されます。
クラシックエディタの場合も、本文欄に直接入力して編集します。Wordなどの文章作成ソフトと似た感覚で操作できますが、外部ツールからコピーした文章には不要な書式が含まれることがあるため注意が必要です。
3-2. 見出しを設定する方法
見出しは、記事の構造を読者と検索エンジンに伝える重要な要素です。
ブロックエディタでは、「＋」ボタンをクリックして「見出し」ブロックを選びます。追加した見出しブロックにテキストを入力し、H2、H3、H4などの階層を選択します。
クラシックエディタでは、見出しにしたい文章を選択し、ツールバーの書式メニューから「見出し2」「見出し3」などを選びます。
記事内では、基本的にH2の下にH3、H3の下にH4を置くようにします。H2の次にいきなりH4を使うなど、階層が飛ぶ構成は避けましょう。
3-3. 太字・斜体・文字色などの装飾方法
文章を強調したい場合は、太字や斜体、文字色などを使います。
ブロックエディタでは、装飾したい文字を選択するとツールバーが表示されます。「B」をクリックすると太字、「I」をクリックすると斜体になります。文字色や背景色は、右側のブロック設定やテーマ側の設定から変更できます。
クラシックエディタでも、文字を選択してツールバーのボタンをクリックすることで装飾できます。
ただし、装飾を増やしすぎると読みにくくなります。重要な部分だけを太字にし、色の使いすぎは避けるのが基本です。SEOを意識する場合も、装飾そのものより、読者が理解しやすい文章にすることが大切です。
3-4. 箇条書き・番号付きリストを作る方法
手順やポイントを整理したいときは、箇条書きや番号付きリストを使います。
ブロックエディタでは、「リスト」ブロックを追加し、箇条書きまたは番号付きリストを選びます。すでに入力した文章を選択してリスト形式に変更することもできます。
クラシックエディタでは、ツールバーの箇条書きボタンまたは番号付きリストボタンを使用します。
箇条書きは、複数のポイントを並列で紹介するときに便利です。番号付きリストは、作業手順や優先順位を示すときに向いています。長い文章が続く記事では、リストを適度に使うことで読みやすさが大きく向上します。
3-5. リンクを挿入・編集・削除する方法
リンクを挿入するには、リンクを設定したい文字を選択し、リンクボタンをクリックします。URLを入力して確定すれば、選択した文字にリンクが設定されます。
内部リンクを貼る場合は、関連する自サイト内の記事URLを入力します。ブロックエディタでは、記事タイトルを入力すると候補が表示される場合もあります。
外部サイトへリンクする場合は、信頼できるページを選びましょう。必要に応じて新しいタブで開く設定を行います。
リンクを編集したい場合は、リンク付きの文字をクリックしてURLを変更します。削除したい場合は、リンク解除ボタンを押します。リンク切れは読者のストレスになるため、定期的に確認することも大切です。
3-6. 引用・区切り線を使う方法
他サイトや書籍などの文章を引用する場合は、引用ブロックを使います。ブロックエディタでは「引用」ブロックを追加し、引用文と引用元を入力します。
クラシックエディタでは、引用したい文章を選択して引用ボタンをクリックします。
引用を使う際は、自分の文章と引用部分が明確に区別できるようにしましょう。また、引用元を示し、必要以上に長く引用しないことも重要です。
区切り線は、内容の切り替わりを視覚的に示したいときに使います。ブロックエディタでは「区切り」ブロックを追加します。ただし、多用すると記事全体が分断されて読みにくくなるため、必要な箇所だけに使いましょう。
4. 画像・動画・表をビジュアルエディタで挿入する方法
WordPressビジュアルエディタでは、文章だけでなく画像、動画、表なども簡単に挿入できます。視覚的な要素を適切に使うことで、記事の理解度や読みやすさを高められます。
4-1. 画像をアップロードして記事に挿入する方法
ブロックエディタで画像を挿入するには、「＋」ボタンから「画像」ブロックを選びます。その後、「アップロード」「メディアライブラリ」「URLから挿入」のいずれかを選択します。
新しい画像を使う場合は「アップロード」を選び、パソコン内の画像ファイルを選択します。すでにアップロード済みの画像を使う場合は「メディアライブラリ」から選びます。
クラシックエディタでは、「メディアを追加」ボタンをクリックし、画像をアップロードまたは選択して「投稿に挿入」をクリックします。
画像は記事内容を補足する役割があります。見た目を華やかにするためだけでなく、読者の理解を助ける画像を選びましょう。
4-2. 画像サイズ・配置・代替テキストを設定する方法
画像を挿入したら、サイズや配置、代替テキストを設定します。
ブロックエディタでは、画像ブロックを選択すると右側の設定パネルや画像上のツールバーからサイズや配置を変更できます。クラシックエディタでも、画像をクリックして編集ボタンを押すと設定を変更できます。
代替テキストは、画像の内容をテキストで説明する項目です。画像が表示されない場合や、スクリーンリーダーを使用している読者にとって重要です。また、検索エンジンに画像の内容を伝える役割もあります。
代替テキストには、画像の内容を具体的に入力しましょう。ただし、SEOキーワードを不自然に詰め込むのは避けます。
4-3. YouTubeなどの動画を埋め込む方法
YouTube動画を記事に埋め込む場合、ブロックエディタでは「YouTube」ブロックを使う方法が簡単です。動画URLを貼り付けるだけで、記事内に動画が表示されます。
また、段落ブロックにYouTubeのURLをそのまま貼り付けても、自動で埋め込み表示になる場合があります。
クラシックエディタでも、YouTubeのURLを本文欄に貼り付けることで埋め込み表示されることがあります。うまく表示されない場合は、埋め込みコードを使う方法もありますが、初心者はURL貼り付けから試すとよいでしょう。
動画を入れると記事の滞在時間向上につながることがありますが、ページ表示速度に影響する場合もあります。必要な動画だけを厳選して埋め込みましょう。
4-4. 表やカラムを使って情報を整理する方法
料金比較、機能比較、手順一覧などを整理したいときは、表を使うとわかりやすくなります。
ブロックエディタでは、「テーブル」ブロックを追加し、列数と行数を指定して表を作成します。表の中にテキストを入力し、必要に応じて列や行を追加します。
カラムを使うと、左右に情報を並べて表示できます。「カラム」ブロックを追加すれば、画像と文章を横並びにしたり、複数の特徴を並べたりできます。
ただし、スマホ表示では横並びが縦並びになることがあります。表やカラムを使った場合は、必ずスマホでの見え方を確認しましょう。
4-5. メディア挿入時によくある失敗と対処法
画像や動画を挿入するときによくある失敗として、画像サイズが大きすぎる、代替テキストを設定していない、動画がうまく埋め込まれない、スマホでレイアウトが崩れるといったものがあります。
画像サイズが大きすぎると、ページの表示速度が遅くなります。アップロード前に適切なサイズへ圧縮しておきましょう。
動画が表示されない場合は、URLが正しいか、公開設定に問題がないかを確認します。限定公開や非公開の動画は、環境によって正しく表示されない場合があります。
メディアを挿入したあとは、編集画面だけで判断せず、プレビューで実際の表示を確認することが大切です。
5. WordPressビジュアルエディタで改行・段落を整える方法
WordPressビジュアルエディタで多い悩みのひとつが、改行や段落の扱いです。Enterキーを押したときの動きや、Shift＋Enterとの違いを理解しておくと、文章の見た目を整えやすくなります。
5-1. EnterとShift＋Enterの違い
WordPressでは、EnterキーとShift＋Enterで動きが異なります。
Enterキーを押すと、新しい段落が作成されます。つまり、文章のまとまりを分けるときに使います。ブロックエディタでは、新しい段落ブロックが追加されます。
一方、Shift＋Enterを押すと、同じ段落内で改行されます。段落を分けずに行だけを変えたいときに使います。
たとえば、文章の意味が変わるところではEnterで段落を分けます。住所や短い補足など、同じまとまりの中で行を変えたい場合はShift＋Enterを使います。
5-2. 段落を分ける正しい改行方法
ブログ記事では、読みやすさを意識して段落を分けることが大切です。
1つの段落が長すぎると、特にスマホでは画面いっぱいに文字が詰まって見えます。目安として、1段落は2〜4文程度にすると読みやすくなります。
新しい話題に移るとき、理由を説明するとき、具体例を出すとき、結論を述べるときなどは、Enterキーで段落を分けるとよいでしょう。
ただし、1文ごとに細かく改行しすぎると、文章の流れが途切れてしまいます。意味のまとまりごとに段落を作ることを意識しましょう。
5-3. 行間が広すぎる・狭すぎるときの対処法
ビジュアルエディタで改行したときに、行間が広すぎる、または狭すぎると感じることがあります。
Enterで段落を分けると、テーマのCSSによって段落間に余白が入ります。そのため、行間が広く見える場合があります。同じ段落内で行だけを変えたい場合は、Shift＋Enterを使いましょう。
逆に、文章全体の行間が狭く読みにくい場合は、テーマの設定や追加CSSで調整する必要があります。テーマによっては、カスタマイザーから本文の行間やフォントサイズを変更できます。
行間の問題はエディタの操作だけでなく、使用しているテーマのデザイン設定が影響していることも多いです。
5-4. 改行できない・反映されない原因
WordPressビジュアルエディタで改行できない、または保存後に改行が反映されない場合、いくつかの原因が考えられます。
まず、EnterとShift＋Enterの使い分けが原因になっている場合があります。段落を分けたいのにShift＋Enterを使っていると、思ったような余白にならないことがあります。
次に、テーマやプラグインのCSSが影響している場合があります。特定のブロックだけ余白が消える、段落が詰まって表示されるといった場合は、テーマ側のスタイルを確認しましょう。
また、外部ツールからコピーした文章に不要なHTMLタグが含まれていると、改行が崩れることがあります。その場合は、書式なしで貼り付けるか、コードエディタで不要なタグを削除します。
5-5. スマホ表示でも読みやすい文章の整え方
現在のブログ記事は、スマホで読まれることを前提に整える必要があります。
スマホでは画面幅が狭いため、パソコンでは短く見える段落でも長く感じられることがあります。1段落を短めにし、見出しや箇条書きを適度に入れると読みやすくなります。
また、画像の直後に長文を続けるよりも、画像の前後に説明文を入れると自然に読めます。表を使う場合は、スマホで横スクロールが発生しないか確認しましょう。
文章を書き終えたら、必ずスマホプレビューを確認し、文字が詰まっていないか、余白が不自然でないかをチェックすることが大切です。
6. WordPressビジュアルエディタが表示されない原因と解決方法
WordPressビジュアルエディタが表示されない場合、ユーザー設定、プラグイン、テーマ、ブラウザ、WordPress本体など、さまざまな原因が考えられます。焦って設定を変更する前に、原因をひとつずつ切り分けましょう。
6-1. ユーザー設定でビジュアルエディタが無効になっている
クラシックエディタを使用している場合、ユーザー設定でビジュアルエディタが無効になっていることがあります。
管理画面の「ユーザー」から「プロフィール」を開き、「ビジュアルリッチエディターを使用しない」といった項目にチェックが入っていないか確認します。チェックが入っている場合は外し、プロフィールを更新します。
その後、投稿編集画面を開き直して、ビジュアルエディタが表示されるか確認しましょう。
この設定はユーザーごとに適用されるため、管理者では表示されるのに別のユーザーでは表示されない、というケースもあります。
6-2. プラグインの競合が起きている
プラグイン同士の競合によって、ビジュアルエディタが表示されないことがあります。
特に、エディタ機能を拡張するプラグイン、キャッシュ系プラグイン、セキュリティ系プラグイン、JavaScriptを最適化するプラグインなどが影響する場合があります。
原因を確認するには、一度すべてのプラグインを停止し、ビジュアルエディタが表示されるか確認します。表示されるようになった場合は、プラグインを1つずつ有効化し、どのプラグインで問題が起きるかを特定します。
本番サイトで作業するのが不安な場合は、バックアップを取ったうえで行うか、テスト環境で確認しましょう。
6-3. テーマが原因で表示不具合が起きている
使用中のテーマが原因で、エディタ画面に不具合が出ることもあります。
テーマに含まれる独自機能や管理画面用のスクリプトが、WordPressのエディタと干渉する場合があります。特に、長期間更新されていないテーマや、独自カスタマイズが多いテーマでは注意が必要です。
確認するには、一時的に標準テーマへ切り替えて、ビジュアルエディタが正常に表示されるか試します。標準テーマで問題が解消する場合は、使用中のテーマが原因である可能性が高いです。
テーマを切り替える前には、ウィジェットやカスタマイズ内容が変わる場合があるため、必ずバックアップを取っておきましょう。
6-4. ブラウザのキャッシュやCookieが影響している
ブラウザのキャッシュやCookieが原因で、古い管理画面の情報が残り、ビジュアルエディタが正しく表示されないことがあります。
まずはブラウザを再読み込みします。それでも改善しない場合は、キャッシュを削除してから再度ログインします。
別のブラウザやシークレットウィンドウで管理画面を開いて確認するのも有効です。別の環境で正常に表示される場合は、ブラウザ側の問題である可能性があります。
キャッシュ系プラグインを使っている場合は、WordPress側のキャッシュも削除しておきましょう。
6-5. WordPress本体・テーマ・プラグインの更新不足
WordPress本体、テーマ、プラグインのバージョンが古いと、エディタの表示不具合が起きることがあります。
特に、WordPress本体だけを更新してテーマやプラグインが古いままだと、互換性の問題が発生する場合があります。逆に、プラグインだけが新しく、WordPress本体が古い場合も不具合の原因になります。
更新前には必ずバックアップを取り、可能であればテスト環境で動作確認を行いましょう。そのうえで、WordPress本体、テーマ、プラグインを適切に更新します。
更新後は、編集画面を開いてビジュアルエディタが正常に表示されるか確認します。
6-6. JavaScriptエラーが起きている場合の確認方法
WordPressビジュアルエディタは、JavaScriptを使って動作しています。そのため、JavaScriptエラーが起きていると、ツールバーが表示されない、ブロックが追加できない、画面が真っ白になるといった不具合が発生することがあります。
確認するには、ブラウザの開発者ツールを開き、コンソールにエラーが出ていないか確認します。赤いエラーメッセージが表示されている場合、プラグインやテーマのスクリプトが原因になっている可能性があります。
初心者には少し難しい作業ですが、エラーメッセージをメモしておくと、テーマ開発者やサーバー会社に問い合わせる際に役立ちます。
7. WordPressビジュアルエディタの表示・操作トラブル対処法
ビジュアルエディタが表示されても、ツールバーが出ない、装飾が反映されない、画像が入らない、保存しても変わらないなどのトラブルが起こることがあります。ここでは、よくある操作トラブルの対処法を紹介します。
7-1. ツールバーが表示されないときの対処法
ツールバーが表示されない場合は、まず編集画面を再読み込みします。ブロックエディタでは、ブロックを選択したときにツールバーが表示されるため、何も選択していない状態では表示されないことがあります。
クラシックエディタの場合は、ツールバーの表示切り替えボタンを確認しましょう。一部のボタンが隠れているだけの場合もあります。
それでも表示されない場合は、プラグインの競合、テーマの不具合、ブラウザキャッシュ、JavaScriptエラーが原因として考えられます。プラグインを停止して確認する、別のブラウザで試す、キャッシュを削除するなどの方法で切り分けましょう。
7-2. 文字装飾が反映されないときの対処法
太字や文字色などの装飾が反映されない場合、編集画面では反映されていても、テーマのCSSによって公開ページで見え方が変わっている可能性があります。
たとえば、太字にしてもテーマ側のフォント設定によって違いがわかりにくい場合があります。また、文字色を変更しても、テーマのスタイルが優先されていることがあります。
まずはプレビューで確認し、それでも反映されていない場合は、別のブロックで試す、不要なHTMLタグを削除する、テーマの設定を確認するなどの対処を行います。
外部サイトやWordからコピーした文章では、不要な書式が原因になることもあります。書式なしで貼り付けると改善する場合があります。
7-3. 画像がうまく挿入できないときの対処法
画像が挿入できない場合は、画像ファイルの形式やサイズを確認します。一般的には、JPEG、PNG、WebPなどの形式が使われます。ファイルサイズが大きすぎると、アップロードに失敗することがあります。
また、サーバーのアップロード上限に引っかかっている場合もあります。この場合は、画像を圧縮するか、サーバー設定を確認します。
メディアライブラリに画像はあるのに記事内に表示されない場合は、画像URL、パーミッション、キャッシュ、テーマの表示設定などが影響している可能性があります。
画像挿入後は、プレビューで表示確認を行い、必要に応じてサイズや配置を調整しましょう。
7-4. 保存・更新しても変更が反映されないときの対処法
記事を保存または更新しても変更が反映されない場合、まずブラウザを再読み込みし、キャッシュを削除します。
キャッシュ系プラグインやサーバー側キャッシュ、CDNを利用している場合、古いページが表示されていることがあります。WordPress管理画面、キャッシュプラグイン、サーバー管理画面などからキャッシュを削除しましょう。
また、更新ボタンを押したつもりでも、下書き保存だけになっている場合があります。公開済み記事の場合は「更新」ボタンを押したか確認します。
それでも反映されない場合は、編集権限やプラグインの競合、テーマテンプレートの問題も考えられます。
7-5. ビジュアルエディタとテキストエディタの切り替えで崩れる原因
クラシックエディタでビジュアルエディタとテキストエディタを切り替えると、HTMLタグが変化したり、不要な改行が入ったりすることがあります。
特に、複雑なHTML、ショートコード、外部ツールから貼り付けたコードが含まれている場合は、切り替えによって表示が崩れることがあります。
コードを直接編集する必要がある場合は、切り替え前に本文をコピーしてバックアップしておきましょう。また、装飾やレイアウトを複雑にしすぎないことも大切です。
初心者は、基本的にはビジュアルエディタで編集し、コードエディタは必要なときだけ使うのがおすすめです。
8. クラシックエディタでビジュアルエディタを使う方法
クラシックエディタは、以前のWordPressで標準だった編集画面です。現在でもClassic Editorプラグインを導入することで利用できます。シンプルな操作感を好む方には、クラシックエディタのビジュアル編集が使いやすい場合があります。
8-1. Classic Editorプラグインを導入する方法
クラシックエディタを使いたい場合は、WordPress管理画面からClassic Editorプラグインを導入します。
管理画面の「プラグイン」から「新規追加」を選び、検索欄に「Classic Editor」と入力します。プラグインを見つけたら、インストールして有効化します。
有効化後、設定画面でデフォルトのエディタをクラシックエディタに変更できます。必要に応じて、ユーザーがエディタを切り替えられるようにする設定も可能です。
クラシックエディタに慣れている方や、ブロックエディタでは操作しづらいと感じる方には便利な選択肢です。
8-2. ビジュアル編集とテキスト編集を切り替える方法
クラシックエディタでは、本文欄の右上に「ビジュアル」と「テキスト」のタブが表示されます。
「ビジュアル」タブでは、見た目に近い状態で文章を編集できます。文字装飾、リンク、画像挿入などをツールバーから操作できます。
「テキスト」タブでは、HTMLタグを含む本文を直接編集できます。細かい調整ができる一方で、誤ってタグを削除すると表示崩れの原因になります。
通常の記事作成ではビジュアル編集を使い、必要なときだけテキスト編集を使うと安全です。切り替え前には、念のため本文をコピーしておくと安心です。
8-3. TinyMCE Advancedなどで機能を追加する方法
クラシックエディタの機能を増やしたい場合は、エディタ拡張プラグインを使う方法があります。
たとえば、ツールバーに表作成、フォントサイズ変更、文字色変更、下線、背景色などのボタンを追加できるプラグインがあります。これにより、クラシックエディタをより文章作成ソフトに近い感覚で使えます。
ただし、装飾機能を増やすと、記事ごとにデザインがばらつきやすくなります。便利だからといって多用せず、サイト全体の統一感を保つことが大切です。
また、プラグインを追加するときは、更新状況やWordPressとの互換性を確認しましょう。
8-4. クラシックエディタを使う際の注意点
クラシックエディタはシンプルで使いやすい反面、ブロックエディタのような柔軟なレイアウト作成には向いていません。
また、クラシックエディタで作成した記事をブロックエディタで開くと、「クラシック」ブロックとして表示されることがあります。編集方式を切り替えると、レイアウトや装飾が崩れる場合もあるため注意が必要です。
今後のサイト運営を考えるなら、クラシックエディタに慣れている方でも、少しずつブロックエディタの操作を覚えておくと安心です。
クラシックエディタを使う場合は、必要なプラグインを最小限にし、定期的に動作確認を行いましょう。
9. ブロックエディタでビジュアル編集を効率化する方法
ブロックエディタは、WordPressで記事を効率よく作成するための標準的な編集画面です。ブロックの使い方を覚えると、文章だけでなく画像、表、ボタン、カラムなどを直感的に配置できます。
9-1. よく使うブロックの基本操作
ブログ記事でよく使うブロックには、段落、見出し、画像、リスト、引用、テーブル、ボタン、カラム、スペーサーなどがあります。
段落ブロックは本文を書くための基本ブロックです。見出しブロックは記事構造を作るために使います。画像ブロックは説明やイメージを補足するために使います。
リストブロックはポイント整理、引用ブロックは引用文の表示、テーブルブロックは比較情報の整理に便利です。
まずは、段落、見出し、画像、リストの4つを使いこなせるようになると、基本的なブログ記事は十分に作成できます。
9-2. ブロックの追加・移動・削除方法
ブロックを追加するには、編集画面の「＋」ボタンをクリックします。追加したいブロックを検索して選択すれば、本文中に挿入できます。
ブロックを移動したい場合は、ブロックを選択して上下の矢印をクリックするか、ドラッグして位置を変更します。文章の順番を入れ替えたいときに便利です。
削除したい場合は、ブロックを選択し、メニューから「削除」を選びます。
ブロック単位で操作できるため、文章や画像の配置変更がしやすいのがブロックエディタの大きなメリットです。
9-3. 再利用ブロック・パターンの活用方法
よく使う文章やデザインは、再利用ブロックやパターンとして保存すると効率的です。
たとえば、記事下のプロフィール、注意書き、問い合わせ誘導、商品紹介のテンプレートなどは、毎回手入力するよりも再利用できる形にしておくと作業時間を短縮できます。
パターンを使えば、複数のブロックを組み合わせたレイアウトを簡単に挿入できます。記事の冒頭、比較表、CTA、FAQなどをテンプレート化しておくと、記事ごとの品質も安定します。
ただし、同じ文章を使い回しすぎると不自然になるため、記事内容に合わせて調整することが大切です。
9-4. ブロックエディタが使いにくいときの対処法
ブロックエディタが使いにくいと感じる場合は、まず基本ブロックだけに絞って使ってみましょう。すべての機能を覚えようとすると難しく感じますが、段落、見出し、画像、リストだけでも記事は作成できます。
画面が見づらい場合は、設定から不要なパネルを閉じたり、集中執筆モードを使ったりすると作業しやすくなります。
どうしても慣れない場合は、Classic Editorプラグインを使う方法もあります。ただし、今後のWordPress運用を考えると、ブロックエディタの基本操作は少しずつ覚えておくのがおすすめです。
10. WordPressビジュアルエディタを使いやすくする設定・便利機能
WordPressビジュアルエディタは、設定やプラグイン、ショートカットキーを活用することでさらに使いやすくなります。記事作成の時間を短縮し、ミスを減らすためにも、自分に合った環境を整えましょう。
10-1. よく使うショートカットキー
WordPressの編集作業では、ショートカットキーを覚えると効率が上がります。
たとえば、コピーはCtrl＋C、貼り付けはCtrl＋V、元に戻すはCtrl＋Z、保存はCtrl＋Sが基本です。Macの場合はCtrlの代わりにCommandを使います。
また、ブロックエディタでは、空の段落に「/」を入力するとブロックを素早く呼び出せます。「/見出し」「/画像」「/リスト」のように入力すれば、目的のブロックを簡単に追加できます。
ショートカットを無理にすべて覚える必要はありません。よく使う操作から少しずつ取り入れるだけでも、記事作成が速くなります。
10-2. エディタ画面を見やすくする設定
エディタ画面がごちゃごちゃしていると、文章作成に集中しにくくなります。
ブロックエディタでは、右上のメニューから集中執筆モードやフルスクリーンモードを使えます。不要なサイドバーを閉じることで、本文に集中しやすくなります。
また、右側の設定パネルでは、投稿設定とブロック設定を切り替えられます。使わないパネルを閉じておくと、画面がすっきりします。
クラシックエディタでも、ツールバーの表示切り替えや画面オプションを調整することで、編集画面を使いやすくできます。
10-3. 装飾ボタンを増やすおすすめプラグイン
標準のビジュアルエディタでは機能が足りない場合、エディタ拡張プラグインを導入すると便利です。
クラシックエディタでは、ツールバーのボタンを増やせるプラグインを使うことで、表の作成や文字装飾がしやすくなります。ブロックエディタでは、追加ブロックを提供するプラグインを使うことで、吹き出し、装飾ボックス、ボタン、FAQなどを簡単に作れる場合があります。
ただし、プラグインを増やしすぎると、サイトの表示速度や管理のしやすさに影響します。必要な機能を明確にして、信頼できるプラグインだけを導入しましょう。
10-4. 記事作成を効率化するテンプレート活用法
記事の構成が毎回バラバラだと、執筆に時間がかかります。そこで、記事テンプレートを用意しておくと効率的です。
たとえば、導入文、悩みの提示、結論、具体的な手順、注意点、FAQ、まとめといった基本構成をテンプレート化しておくと、書く内容に迷いにくくなります。
ブロックエディタでは、パターンや再利用ブロックを使ってテンプレートを作成できます。クラシックエディタの場合は、下書き記事としてテンプレートを保存しておき、複製して使う方法もあります。
テンプレートを使うと、記事作成のスピードだけでなく、サイト全体の品質や統一感も高められます。
10-5. 誤操作を防ぐバックアップ・リビジョンの使い方
WordPressには、記事の変更履歴を保存するリビジョン機能があります。誤って文章を削除した場合でも、過去の状態に戻せることがあります。
編集画面の投稿設定からリビジョンを確認できる場合は、過去の保存内容と現在の内容を比較し、必要に応じて復元できます。
ただし、リビジョンだけに頼るのは危険です。サイト全体のバックアップも定期的に取っておきましょう。テーマ編集やプラグイン更新、エディタの設定変更を行う前には、特にバックアップが重要です。
記事本文を大きく変更する前には、本文を一度コピーして別の場所に保存しておくのも簡単で有効な対策です。
11. WordPressビジュアルエディタで記事を書くときの注意点
WordPressビジュアルエディタは便利ですが、使い方を誤ると読みにくい記事や表示崩れの原因になります。記事を書くときは、装飾、HTML、見出し構造、スマホ表示、SEOを意識しましょう。
11-1. 余計な装飾を増やしすぎない
太字、文字色、背景色、マーカー、ボックス装飾などを多用すると、どこが重要なのかわかりにくくなります。
装飾は、読者の理解を助けるために使うものです。目立たせたいからといって色を増やしすぎると、記事全体が散らかった印象になります。
基本的には、重要な一文やキーワードを太字にする程度で十分です。色や装飾ボックスを使う場合は、サイト全体でルールを決めて統一しましょう。
読みやすい記事にするには、装飾よりも文章の構成や見出し、段落の分け方が重要です。
11-2. コピペで不要なHTMLタグを入れない
WordやGoogleドキュメント、他サイトなどから文章をコピーしてWordPressに貼り付けると、不要なHTMLタグや書式が入ることがあります。
これにより、文字サイズが一部だけ変わる、行間が崩れる、装飾が反映されない、スマホ表示が乱れるといった問題が起きることがあります。
外部ツールから貼り付ける場合は、書式なしで貼り付けるのがおすすめです。貼り付け後に表示が不自然な場合は、コードエディタで不要なタグが入っていないか確認します。
装飾はWordPress側で設定し直す方が、表示崩れを防ぎやすくなります。
11-3. 見出し構造を正しく設定する
見出しは、記事の読みやすさとSEOの両方に関わる重要な要素です。
H2は大きな章、H3はH2の中の小項目、H4はH3の補足というように、階層を意識して使いましょう。
見た目を大きくしたいだけで見出しを使ったり、H2の次にH4を使ったりすると、記事構造がわかりにくくなります。
検索エンジンは見出しから記事の内容を理解するため、見出しには関連キーワードを自然に含めると効果的です。ただし、キーワードを無理に詰め込まず、読者にとってわかりやすい表現を優先しましょう。
11-4. スマホ表示を必ず確認する
記事を公開する前には、必ずスマホ表示を確認しましょう。
パソコンでは読みやすく見えても、スマホでは1段落が長すぎたり、表がはみ出したり、画像が大きすぎたりすることがあります。
特に、カラム、表、横長画像、ボタン、埋め込み動画はスマホで崩れやすい要素です。プレビュー機能を使って確認し、必要に応じて段落を短くしたり、表の項目を減らしたりしましょう。
スマホでストレスなく読める記事は、読者の離脱を防ぎやすくなります。
11-5. SEOを意識した本文編集のポイント
WordPressビジュアルエディタで記事を書くときは、SEOも意識しましょう。
まず、狙う検索キーワードをタイトル、見出し、本文に自然に含めます。今回であれば、「ワードプレス ビジュアルエディタ」「WordPress ビジュアルエディタ 使い方」「ビジュアルエディタ 表示されない」「WordPress 改行できない」などの関連語を、文章の流れに合わせて入れます。
ただし、キーワードを不自然に繰り返すと読みにくくなります。検索エンジンではなく、まず読者の悩みに答えることを優先しましょう。
また、見出しだけでなく、本文内で具体的な手順や原因、解決方法を説明することが大切です。読者が記事を読んで実際に問題を解決できる内容にすることで、SEOにも良い影響が期待できます。
12. WordPressビジュアルエディタに関するよくある質問
最後に、WordPressビジュアルエディタに関するよくある質問をまとめます。初心者がつまずきやすいポイントを確認しておきましょう。
12-1. ビジュアルエディタとブロックエディタは同じですか？
厳密には同じではありません。
ビジュアルエディタは、見た目に近い状態で記事を編集できる機能全般を指す言葉です。一方、ブロックエディタは、WordPressで現在使われているブロック単位の編集画面を指します。
ブロックエディタも視覚的に編集できるため、広い意味ではビジュアルエディタの一種といえます。クラシックエディタの「ビジュアル」タブも、ビジュアルエディタと呼ばれます。
12-2. ビジュアルエディタが急に消えたときはどうすればいいですか？
まず、ユーザー設定でビジュアルエディタが無効になっていないか確認します。次に、ブラウザのキャッシュを削除し、別のブラウザでも試してみましょう。
それでも改善しない場合は、プラグインの競合やテーマの不具合が考えられます。プラグインを一時停止して確認し、標準テーマで表示されるか試します。
WordPress本体、テーマ、プラグインが古い場合は、バックアップを取ったうえで更新しましょう。JavaScriptエラーが出ている場合は、エラーメッセージを確認し、必要に応じて専門家やサーバー会社に相談します。
12-3. 改行と段落の違いは何ですか？
改行は、同じ段落内で行を変えることです。WordPressでは、Shift＋Enterで改行できます。
段落は、文章のまとまりを分けることです。Enterキーを押すと、新しい段落が作成されます。
ブログ記事では、意味のまとまりごとに段落を分けることが大切です。行だけを変えたい場合はShift＋Enter、話題や内容を分けたい場合はEnterを使いましょう。
12-4. HTMLがわからなくても使えますか？
はい、WordPressビジュアルエディタはHTMLがわからなくても使えます。
文章入力、見出し設定、太字、リンク、画像挿入、箇条書きなどは、基本的にボタン操作で行えます。初心者でもブログ記事を作成するだけなら、HTMLを直接書く必要はほとんどありません。
ただし、細かいデザイン調整や表示崩れの修正を行う場合は、HTMLやCSSの基礎知識が役立つことがあります。まずはビジュアルエディタの基本操作を覚え、必要に応じて少しずつ学ぶとよいでしょう。
12-5. 初心者はビジュアルエディタとクラシックエディタのどちらを使うべきですか？
これからWordPressを始める初心者には、基本的にはブロックエディタを使ったビジュアル編集がおすすめです。
ブロックエディタは現在のWordPress標準の編集方式で、今後も使う機会が多いからです。見出し、画像、リスト、表、ボタンなどをブロック単位で管理できるため、慣れると効率よく記事を作成できます。
一方、文章中心の記事をシンプルに書きたい方や、以前のWordPressに慣れている方は、クラシックエディタの方が使いやすいと感じる場合もあります。
どちらを選ぶ場合でも、重要なのは読者にとって読みやすい記事を作ることです。操作しやすい編集画面を選び、記事の品質を高めていきましょう。
まとめ
WordPressビジュアルエディタは、HTMLの知識がなくても記事を作成・編集できる便利な機能です。本文の入力、見出し設定、文字装飾、リンク挿入、画像や動画の追加など、ブログ運営に必要な作業を視覚的に行えます。
ビジュアルエディタを使いこなすには、まずブロックエディタとクラシックエディタの違いを理解し、基本操作に慣れることが大切です。EnterとShift＋Enterの違い、段落の整え方、画像の代替テキスト設定、スマホ表示の確認なども、読みやすい記事作成には欠かせません。
また、ビジュアルエディタが表示されない、改行できない、装飾が反映されないといったトラブルが起きた場合は、ユーザー設定、プラグイン、テーマ、ブラウザキャッシュ、WordPress本体の更新状況を順番に確認しましょう。
WordPressビジュアルエディタは、正しく使えば記事作成を大きく効率化できます。基本を押さえながら、自分に合った編集環境を整え、読者にとってわかりやすい記事を作成していきましょう。