今回は、記事の公開前にプレビューで確認する方法について紹介します。
プレビューを使うと、公開前に記事の見た目を確認できます。文字の大きさや画像の表示などを確認し、必要に応じて修正することができます。
この記事では、プレビューの確認方法や確認するときのポイントを初心者向けにまとめています。
この操作だけ知りたい方は、この記事からご覧いただけます。基礎から順番に学びたい方は、シリーズ一覧をご覧ください。
WordPress初心者向け｜記事投稿シリーズ
このシリーズでは、WordPress初心者の方が記事作成から公開まで進められるように、投稿に必要な基本操作の流れを順番にまとめています。文字装飾や記事を読みやすくする工夫については、今後別の記事で紹介する予定です。
- ✅ WordPressにログインする方法
- ✅ 初期設定（サイト名・パーマリンク）
- ✅ 新規投稿ページ
- ✅ タイトルと本文の入力場所
- ✅ ブロックと文字の入力
- ✅ 下書き保存と再開方法
- ✅ 見出しの使い方
- ✅ 画像の入れ方
- ✅ 画像のサイズ変更
- ✅ リンクを付ける方法（内部リンク・外部リンク）
- ✅ アイキャッチ設定
- ✅ カテゴリー設定
- ✅ titleタグ設定
- ✅ メタディスクリプション設定
- ✅ プレビュー確認
- ✅ 公開前後のチェックリスト
- ✅ 記事を公開する方法
- ✅ 記事の修正（更新）方法
プレビューとは？
プレビューとは、記事を公開する前に、実際に表示されたときの見た目を確認できる機能です。
公開する前に確認しておくことで、「画像の位置がずれていないか」「文字が読みやすいか」など、読者から見た表示のチェックができます。
WordPressでプレビューを確認する方法
WordPressでは、記事を公開する前に「表示」から実際の見え方を確認できます。
※WordPressのバージョンや設定によって、表示されるボタンや画面の位置が異なる場合があります。
手順
① 確認したい記事の編集画面を開きます。
② 画面右上の「表示」をクリックします。
③ 「デスクトップ・タブレット・モバイル」から確認したい表示にチェックを入れます。
④ 「新しいタブでプレビュー」をクリックします。
別のタブが開き、公開前の記事の表示を確認できます。
⑤ 別タブで記事の表示を確認します。
文章や画像の位置を確認します。
以上で、プレビューの確認は完了です。
次は、プレビューで確認しておきたいポイントを紹介します。
※ 「表示」では、デスクトップ・タブレット・モバイルの表示を確認できます。
これらは表示を確認するための機能で、実際の端末とは見え方が異なる場合があります。特に、スマホで記事を読む人は多いため、公開後は実際のスマホでも表示を確認することが大切です。
パソコンでは気にならなかった部分も、スマホでは見え方が変わることがあります。
プレビューで確認するポイント
プレビューでは、記事の内容だけでなく、表示の見やすさも確認できます。
確認ポイント
① タイトルが正しく表示されているか
・ タイトルが正しく表示されているか確認します。
・ 誤字や脱字がないかもあわせて確認します。
② 文章は読みやすく表示されているか
・ 文章の改行や段落の間隔を確認します。
・ 文章が読みやすい長さになっているか確認します。
③ 画像は見やすく表示されているか
･ 画像が大きすぎたり、小さすぎたりしていないか確認します。
･ 画像の位置や表示に問題がないかも確認します。
④ リンクは正しいページにつながるか
・ 記事内のリンクをクリックして、正しいページが開くか確認します。
修正した場合は、もう一度プレビューで見え方を確認しておくと安心です。
画像の入れ方やサイズ変更については、こちらの記事で紹介しています。
▶ WordPressの基本操作｜画像の入れ方
▶ WordPressの基本操作｜画像のサイズ変更方法
まとめ
プレビューで記事の見た目を確認し、気になるところがあれば修正しておきましょう。
公開前に確認しておくことで、安心して次の公開作業へ進めます。
次は、公開前に確認しておきたいポイントを紹介します。
⬅前： WordPress初心者向け｜メタディスクリプションの設定方法
➡次： WordPress初心者向け｜記事を公開する前後のチェック
ブログを始めるときに参考になったサービスや本を紹介します。
WordPressを始めるには、サーバーの準備が必要です。
私が利用しているサーバーを参考までに紹介します。
WordPressを始めたばかりの頃は、設定や操作方法で迷うことも多いと思います。
ブログを始めた頃に参考にした本を紹介します。
 | 「ゆる副業」のはじめかた アフィリエイトブログ スキマ時間で自分の「好き」をお金に変える！ [ ヒトデ ] 価格:1628円 |
