ホーム > 士業ホームページ活用ブログ > 記事を編集しながら同じ画面にプレビューを表示できるWordPressのプラグインInline Preview

記事を編集しながら同じ画面にプレビューを表示できるWordPressのプラグインInline Preview

WordPressを導入したウェブサイトを更新する際、記事の投稿画面が実際に公開されるデザインとは異なることに戸惑うことはありませんか。

記事の編集画面にもCSSが反映されるように設定すれば、エディタ内の装飾を実際のウェブサイトとほぼ揃えることは可能ですが、もっとこう、ウェブサイト全体の雰囲気も含めて確認しながら記事の編集ができたら便利ですよね。

そんな要望を簡単に叶えてくれるのが、Inline Previewというプラグインです。導入して有効化したら、後は記事の編集画面で「プレビュー」ボタンを一度押すだけです。

WordPress.org
Inline Preview
https://ja.wordpress.org/plugins/inline-preview/
Inline Preview adds a preview of the post you're writing next to the editor when you click Preview (instead of opening it in a new tab).

左側にエディタ、右側に実際のウェブサイトが表示されるので、見出しや画像などがサイト上でどのように表示されるのか、雰囲気を確認しながら記事を書き進めていくことが可能です。

WordPressに不慣れな人ほど、プレビューを確認しながらの更新作業は重宝するのではないでしょうか。

「実際にどんな感じで表示されるのか、いまいち掴みにくくてWordPressの編集画面は苦手だな」という人は、このプラグインを試してみてください。一瞬にして解決です。

※WordPressのバージョンを5以上にアップデートして新しいエディタ画面に変わっているときは、Classic Editorというプラグインを先に導入して以前の記事編集画面に戻しておかないと「プレビュー」ボタンでリアルタイムのプレビューができません。

関連性の高い記事

The following two tabs change content below.
アバター画像

IWAMOTO

代表取締役 ： 風デザイン株式会社
士業事務所のウェブ集客・活用のコンサルティングと営業用ウェブサイトの制作に14年超携わっています。 クライアントは行政書士、社労士、司法書士、税理士、弁護士等の士業事務所さんで、日本全国、幅広く対応中。

士業ホームページ制作に関するご依頼・ご相談

士業事務所様のホームページ制作に関するご依頼やご相談の予約は、以下のメールフォームにて承っております。日本全国、出張での相談にも対応いたしますので、ご希望の方はその旨お伝えください（地域によっては交通費が別途かかる場合があります。その際はお見積もりいたします）

ご返信に２営業日ほどかかります。
制作プランの内容や料金目安は、士業ホームページ制作プランをご参照ください。

  • 士業（資格）の種類
  • ご予定のホームページで取り扱う業務
  • 新規の制作かリニューアルか
  • 既存サイトがある場合はそのURL
  • いつ頃の公開を予定しているか

などの情報を添えてお送りいただくと、より具体的なご返信が可能です。

    お名前 (必須)

    メールアドレス (必須)

    事務所のある都道府県（事務所を置く予定の都道府県）

    ご希望の相談場所

    お問い合わせの内容

    ページトップへ戻る