WordPressコンテンツエディターをマスターするための17のヒント

ブログ記事の作成、ページのデザイン、複数著者サイトの管理など、WordPressエディターの効果的な使い方を知っていれば、時間を節約し、プロフェッショナルな見た目のコンテンツを作成するのに役立ちます。

WPBeginnerでは、すべての投稿とページでGutenbergエディターを使用しています。ライターは、キーボードショートカット、テキストフォーマットツール、ブロックパターンなど、より速く作業する方法を常に模索しています 🕒。

これらの小さな変更は積み重なり、時間を節約し、執筆プロセスを効率化します。 📜

このガイドでは、WordPressエディターでよりスマートに作業するための実践的なヒントを紹介します。これにより、コンテンツエディターをプロのように使用する方法を学ぶことができます。

WordPressコンテンツエディタをマスターすることのメリット

WordPressを定期的に使用している場合、コンテンツエディターを使いこなすことで、作業がずっと楽になります。

コンテンツを作成、フォーマット、構造化する場所です。Gutenbergブロックエディターに慣れれば慣れるほど、ワークフローはより速く、よりスムーズになります。

書式設定の調整やレイアウトの問題の修正に費やす時間を考えてみてください。

正しいショートカットやツールを学ぶことで、コンテンツの作成、編集、公開をより効率的に行うことができます。これにより、細かい作業に費やす時間を減らし、素晴らしいコンテンツの作成に集中する時間を増やすことができます。

きちんと整理されたエディターは、投稿をすっきりとプロフェッショナルに見せます。

画像を追加する場合でも、動画を埋め込む場合でも、見出しを構造化する場合でも、エディターの使い方を知っていると、読者にとってより良い体験を作成するのに役立ちます。

それでは、WordPressコンテンツエディタをマスターするのに役立つ素晴らしいヒントをいくつか見てみましょう。以下のリンクを使用して、選択したヒントにジャンプすることもできます。

1. 基本的なブロックを学ぶ
2. キーボードショートカットを使い始める
3. 行間（シングル・ダブル）
4. 編集画面の並べ替え
5. WordPressビジュアルエディターでフォントサイズを変更する
6. 記事に見出しを追加する
7. 投稿に列を追加する
8. テキストの横に画像を追加する
9. WordPressにYouTube動画を追加する
10. WordPress投稿でのテーブル作成
11. WordPressの投稿やページにボタンを追加する
12. WordPress投稿にカバー画像を追加する
13. 投稿のテキストをハイライトする
14. 投稿にウィジェットを追加する
15. WordPress 投稿にカスタム HTML を追加する
16. 投稿の単語数とその他の統計情報を取得する
17. 再利用可能なブロックを投稿に追加する
18. ボーナスのヒント：WordPressでブロックを削除する

1. 基本的なブロックを学ぶ

WordPressコンテンツエディターを使用すると、ブロックがコンテンツの基本的な構成要素であることがわかります。コードに触れることなく、テキスト、画像、動画、ボタンなどを追加できます。

それらの使い方を学ぶと、編集がずっと簡単になります。

画面左上の「ブロックを追加」（+）ボタンをクリックすると、WordPressが提供するすべてのブロックを簡単に確認できます。これにより、利用可能なすべてのブロックのリストが表示されるメニューが開きます。

そこから、必要なものを投稿にドラッグアンドドロップするだけです。

例えば、段落ブロックは最もよく使うブロックです。これは、このようにテキストを書くためのものです。コンテンツをより魅力的にするために、太字、斜体、またはリンクでフォーマットできます。

一方、画像ブロックは、投稿に画像を追加するのに役立ちます。画像をアップロードしたり、ドラッグアンドドロップしたり、エディター内でサイズを調整したりできます。

次に、コンテンツを分割するのに役立つ見出しブロックがあります。見出しは投稿を読みやすくし、検索エンジンがコンテンツをよりよく理解するのに役立ちます。

基本的なブロックを理解すれば、エディターを操作してコンテンツを作成するのがより簡単になります。

2. キーボードショートカットの使用を開始する

キーボードショートカットは、WordPressで執筆中に時間を節約するための優れた方法です。フォーマットオプションをクリックする代わりに、簡単なキーの組み合わせを使用して、より迅速に作業を完了できます。

例えば、Ctrl + B（MacではCmd + B）でテキストを太字に、Ctrl + I（MacではCmd + I）でイタリック体にできます。

同様に、テキストをハイライトしてCtrl + K（MacではCmd + K）を押すとリンクを追加できます。

ショートカットを使用してコンテンツを整理することもできます。## の後にスペースを入力するとすぐに H2 見出しが作成され、– を入力してスペースを押すと箇条書きリストが作成されます。

WPBeginner では、ライターは常にキーボードショートカットを使用してワークフローを改善しています。詳細については、WordPress のキーボードショートカットに関するガイドをご覧ください。

3. シングルおよびダブル行間

多くの初心者は、WordPressで段落や改行を作成するのが難しいと感じています。

デフォルトでは、WordPressはEnter/Returnキーを押すと、ダブル行間隔で新しい段落を簡単に作成します。

ただし、1行の改行のみが必要な場合は、Shift + Enterキーを同時に押す必要があります。

これにより、余分なスペースを追加せずにテキストを次の行に移動できるため、住所、詩、またはコンパクトなフォーマットに最適です。

詳細な手順については、WordPressで改行を追加する方法に関するガイドをご覧ください。WordPressで改行を追加する方法。

4. 編集画面の並べ替え

コンテンツエディターは基本的に、上部のバーと右側の列を備えたクリーンなキャンバスです。これにより、投稿を作成するためのクリーンなユーザーインターフェースが得られます。

エディタは、編集中のブロックの上にツールバーを表示します。ただし、画面右上にある3点メニューをクリックすることで、ツールバーを移動できます。

ドロップダウンが開いたら、「トップツールバー」オプションを選択します。

右側のブロックパネルを非表示にして、コンテンツの明確な執筆スペースを作成することもできます。

これを行うには、右上にある「設定」アイコンをクリックして列を削除するだけです。

それ以外の場合は、右上隅にある3つのドットアイコンをクリックして「スポットライトモード」オプションを選択することで、スポットライトモードに切り替えることができます。

これは、他のすべてのブロックを暗くし、現在作業中のブロックのみを強調するため、気が散りやすい場合に最適です。

ブロックエディターを使用していると、WordPressの管理サイドバーが左側に表示され、非常に気が散ることがわかります。

その場合は、管理画面ダッシュボードを削除し、作業しやすいクリアな環境を提供するフルスクリーンモードの使用をお勧めします。

このモードを追加するには、右隅の3点アイコンをクリックして「全画面表示モード」オプションを選択するだけです。

詳細な手順については、WordPressで投稿編集画面を並べ替える方法に関するガイドをご覧ください。

5. WordPressビジュアルエディターでのフォントサイズ変更

時には、デフォルトの文字サイズがコンテンツに最適でない場合があります。フォントを大きくしたり小さくしたりすることで、可読性が向上し、重要なポイントが際立ちます。

WordPressエディターでテキストブロックを選択すると、フォントサイズを簡単に変更できます。それが完了したら、右側のブロックパネルの「スタイル」タブに切り替えてください。

これで、タイポグラフィセクションでプリセットサイズから選択するか、カスタムサイズを入力できます。また、ここから段落ブロックのテキストと背景色を変更することもできます。

詳細については、WordPressでフォントサイズを変更する方法に関するチュートリアルをご覧ください。

6. 記事に見出しを追加する

見出しは記事に論理的な構造を作成します。これにより、検索エンジンはコンテンツの主要トピックを理解しやすくなり、さらに重要なことに、読者が記事をスキャンして読みやすくなります。

コンテンツエディターを使用すると、記事にヘッディングを追加するのが非常に簡単になります。メニューから「ヘッディング」ブロックを選択するだけです。

これが完了したら、ブロックツールバーの「H2」ドロップダウンメニューをクリックして、見出しのサイズを変更できます。見出しにリンクを追加したり、太字にしたり、イタリック体にしたりすることもできます。

ブロックパネルの「スタイル」タブに切り替えることで、テキストの色やサイズも変更できます。

詳細については、WordPressでヘッディングタグを正しく使用する方法（H1-H6解説）に関するチュートリアルをご覧ください。

7. 投稿に列を追加する

WordPressのコンテンツエディターには、コンテンツを列に追加できる組み込みの「カラム」ブロックが付属しています。これにより、コンテンツの整理が容易になり、ユーザーの可読性が向上します。

カラムを追加するには、「ブロックを追加」ボタンをクリックして「カラム」ブロックを追加するだけです。次に、ページに追加したいカラムの数を選択する必要があります。

これを行うと、各列にブロックを追加できます。たとえば、段落ブロックを選択してコンテンツを追加できます。

画像、引用ブロック、動画などを追加することもできます。

右側には「カラム」ブロックの設定も表示されます。ここから、各カラムの幅を編集したり、背景色を変更したり、その他多くのことができます。

詳細な手順については、WordPressの投稿にマルチカラムコンテンツを追加する方法（HTML不要）に関する初心者向けガイドをご覧ください。WordPressの投稿にマルチカラムコンテンツを追加する方法。

8. テキストの横に画像を追加する

WordPressの古いバージョンでは、テキストの横に適切な配置で画像を挿入するのは非常に困難でした。

しかし、この問題はメディア＆テキストブロックで修正されました。

これにより、テキストブロックの隣に画像を追加でき、右側のトグルを使用して2つのセクション間の幅と間隔が自動的に調整されます。

「スタイル」タブに切り替えて、ブロックを色でより魅力的にすることもできます。

ドロップキャップを追加したり、タイポグラフィを変更したり、その他多くのことができます。

9. WordPressにYouTube動画を追加する

WordPressサイトに直接動画をアップロードできますが、お勧めしません。

大きな動画ファイルをアップロードすると、サーバーのリソースと帯域幅を消費し、訪問者にとってウェブサイトが遅くなることがよくあります。

詳細については、WordPressに動画をアップロードしてはいけない理由に関する記事をご覧ください。WordPressサイトに動画を絶対にアップロードしてはいけない理由。

代わりに、動画をYouTubeなどのストリーミングサイトにアップロードし、投稿やページに埋め込むことをお勧めします。

例えば、「YouTube埋め込み」ブロックを使用して、追加したいYouTube動画のURLを貼り付けると、WordPressが自動的に埋め込んでくれます。

その他にも、WordPressにはVimeo埋め込み、Dailymotion埋め込み、TikTok埋め込みブロックがあり、これらを使用することもできます。

段落または任意のテキストブロック内に動画URLを貼り付けることもできます。WordPressは自動的にYouTubeブロックに変換します。

開始するには、WordPressのブログ投稿に動画を簡単に埋め込む方法に関するチュートリアルをお読みください。

10. WordPress投稿でのテーブル作成

ポストエディターには、WordPressの投稿やページにテーブルを追加するためのブロックも付属しています。

これを行うには、テーブルブロックを追加し、追加したい列数と行数を選択するだけです。後で必要に応じて列や行を追加できるので、心配しないでください。

その後、プレーンなテーブルが表示され、ブロックツールバーを使用してテーブルのセルを追加または削除できます。

ブロックパネルの「スタイル」タブに切り替えて、テーブルの背景色とテキスト色を変更することもできます。さらに、ヘッダー行を追加したり、行をハイライトしたりすることもできます。

詳細については、WordPressの投稿に簡単にテーブルを追加する方法に関するガイドをご覧ください。WordPressの投稿にテーブルを簡単に追加する方法。

11. WordPressの投稿とページにボタンを追加する

ボタンは、投稿やページにコールトゥアクションを追加したい場合に重要な役割を果たします。幸いなことに、コンテンツエディターには、数回のクリックでボタンを追加できる基本的なブロックがあります。

まず、投稿にボタンブロックを追加してください。追加したら、「テキストを追加…」エリアにCTA（行動喚起）のフレーズを入力します。ブロックツールバーを使用して、ボタンのリンクを追加することもできます。

次に、「スタイル」タブに切り替えて、ボタンのテキストの色、背景色、タイポグラフィ、半径を変更します。

ボタンは、お好みで中央、左、または右に揃えることもできます。

詳細な手順については、WordPressにコールトゥアクションボタンを追加する方法に関するガイドをご覧ください。

12. WordPress投稿にカバー画像を追加する

New York Timesのような人気のある出版物で、記事の途中にカバー画像が使用されているのを見たことがあるかもしれません。カバー画像とは、記事の途中に配置された画像で、テキストが重ねられている場合もあります。

その目的は、コンテンツをより魅力的にし、テキストを読むことから休憩を提供することです。

コンテンツエディターを使用すると、投稿にカバー画像を簡単に追加できます。「追加」ボタン（+）をクリックしてカバーブロックを見つけることから始めます。

ブロックを追加すると、WordPressメディアライブラリから色または画像を選択するように求められます。この画像または色が背景として使用されます。

その後、カバーセクションに任意のブロックをドラッグアンドドロップするだけで済みます。例えば、テキスト、動画の埋め込み、画像の追加などを行うことができます。

次に、設定パネルの「スタイル」タブに切り替えて、ブロックの寸法、オーバーレイの不透明度、タイポグラフィ、色を調整します。

ブロックの詳細については、WordPressブロックエディターのカバー画像とアイキャッチ画像の比較に関するガイドをご覧ください。

13. 投稿のテキストをハイライトする

注意を引き、コンテンツをより魅力的にするために、特定の単語やフレーズをハイライトする必要がある場合があります。

Gutenbergエディターを使えば、これを簡単に行えます。ハイライトしたいテキストを選択し、ブロックツールバーの「その他」アイコンをクリックするだけです。

これによりドロップダウンメニューが開き、「ハイライト」オプションを選択する必要があります。

次に、カラーピッカーツールが表示されるので、「背景」タブに切り替えます。

次に、指定されたオプションからハイライトカラーを選択します。「カスタム」オプションをクリックしてスポイトツールを起動すると、テキストをハイライトするためのカスタムカラーを選択することもできます。

詳細については、WordPressでテキストをハイライトする方法に関するチュートリアルをご覧ください。

14. 投稿にウィジェットを追加する

ウィジェットは、WordPressの従来の機能で、サイトのサイドバーやフッターに要素を追加するために伝統的に使用されていました。

ブロックエディターでは、これらの機能ウィジェット（「最新投稿」や「アーカイブ」など）の多くを、コンテンツ内の個別のブロックとして直接使用できるようになりました。

ブロックメニューの下にある「ウィジェット」セクションを探すだけです。

ここから、投稿やページでよく使われるウィジェットを使用できます。

15. WordPress投稿にカスタムHTMLを追加する

WordPress のコンテンツエディターは、完全にビジュアルな WYSIWYG エディターです。ただし、必要に応じて HTML コードを追加することもできます。

これは、メールニュースレターフォーム、広告バナー、インタラクティブカレンダーなど、HTMLコードスニペットを提供するサードパーティ製コンテンツを埋め込むのに役立ちます。

これを行う最も簡単な方法は、カスタムHTMLブロックを投稿に追加することです。その後、追加したいHTMLを貼り付けるだけです。

ただし、ブロックツールバーの3点アイコンをクリックして、カスタムHTMLで既存のコンテンツを表示することもできます。ドロップダウンが開いたら、「HTMLとして編集」オプションを選択します。

これで、個々のブロックのHTMLが表示され、好きなように編集できるようになります。

詳細については、WordPressコードエディターでHTMLを編集する方法に関するチュートリアルをご覧ください。

16. 投稿の単語数とその他の統計情報を取得する

長文の記事を作成している場合、記事の簡単な概要、単語数、およびすべての配置を確認したい場合があります。

WordPressのコンテンツでは、これらの統計情報を非常に簡単に確認できます。これを行うには、上部にある「ドキュメント概要」ボタンをクリックし、「アウトライン」タブに切り替えます。

これで、投稿またはページの単語数、文字数、推定読書時間を表示できます。単語数は、書き続けると自動的に更新されることに注意してください。

使用した見出しに基づいて、記事のアウトラインを表示することもできます。

ただし、記事で使用したすべてのブロックを表示したい場合は、上部にある「リスト表示」タブに切り替えることができます。

より詳細なデータを取得するには、WordPressで単語数統計を取得する方法に関するガイドをご覧ください。

17. 同期パターン（旧：再利用可能なブロック）の使用

WordPressの古いバージョンでは、「再利用可能なブロック」を使用すると、ブロックを保存して複数のページで使用できました。現在、この機能は「同期パターン」に名前が変更されました。

同期されたパターンを編集すると、サイト上のどこで使用されていても自動的に更新されるのが主な利点です。

たとえば、CTAボタンを一度作成し、数回クリックするだけで必要な場所に挿入できます。

パターンを作成するには、保存したいブロックのブロックツールバーにある3点アイコンをクリックするだけです。

次に、「パターンを作成」を選択し、開いたポップアップで名前を付けます。

これが完了したら、ブロックメニューを開き、「パターン」タブに切り替えます。ここでは、パターン機能によって提供されるすべてのデフォルトカテゴリのリストに気づくでしょう。

再利用可能なブロックに選択したカテゴリを単純に選択します。カテゴリを選択しなかった場合、パターンは「未分類」タブに保存されます。

適切なカテゴリをクリックしてください。クリックすると、ブロックメニューの横にプロンプトが表示され、その特定のセクションに保存されているすべてのパターンが一覧表示されます。

次に、作成した再利用可能なブロックをクリックして、WordPressのページまたは投稿に追加します。

詳細な手順については、WordPressで再利用可能なブロックを作成する方法に関するガイドを参照してください。

ボーナスのヒント：WordPressでブロックを削除する

初心者の場合、デフォルトのWordPressブロックをいくつか使用する必要がない場合があります。その場合は、不要なブロックを削除してブロックメニューを整理することをお勧めします。

これにより、必要なブロックをすばやく見つけやすくなり、集中しやすくなります。

そして、数回クリックするだけで非表示にしたブロックをいつでも元に戻すことができるので、心配しないでください。

ブロックを削除するには、コンテンツエディターの右上にある3点アイコンをクリックします。ドロップダウンが表示されたら、「設定」オプションを選択します。

画面にポップアップが表示され、「ブロック」タブに切り替える必要があります。次に、投稿エディターで非表示にしたいブロックの横にあるチェックボックスをオフにします。

完了したら、「X」アイコンをクリックしてプロンプトを終了します。これでWordPressでブロックを正常に非表示にできました。

詳細については、WordPressでブロックを削除する方法に関するガイドをご覧ください。

この記事が、WordPressコンテンツエディターを使いこなすための新しいヒントを発見するのに役立ったことを願っています。また、WordPressウィジェットとブロックの違いの比較や、おすすめのWordPress Gutenbergブロックプラグインもご覧ください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。