[WP]記事投稿時にスマフォとタブレット向けにプレビューを確認できるプラグインResponsive Post Preview

WordPress
スポンサーリンク

WordPress で企業サイトを構築する上で、最近はスマートフォンやiPad での表示最適化(レスポンシブWEB デザイン対応)を行う機会が多くなってきました。

今回はそのようなスマホ対応のサイト制作時に便利な、記事投稿前にスマートフォンとタブレットでのプレビューが確認できるというプラグインResponsive Post Previewのご紹介です。

Responsive Post Previewは固定ページのプレビュー表示にも対応していますので、レイアウトが複雑になるページ制作の場合でも、スマホでどのように見えるかを投稿前に確認できるので嬉しいです。

Responsive Post Preview のインストール

以下のページからプラグインファイルをダウンロードします。
Responsive Post Preview
記事投稿時にスマフォとタブレット向けにプレビューを確認できるプラグイン「Responsive Post Preview」

Responsive Post Preview の使い方

Responsive Post Previewはインストールして有効化するだけで使えるようになりますが、記事の新規投稿時にはスマホやタブレット向けのプレビューボタンは表示されません。
記事投稿時にスマフォとタブレット向けにプレビューを確認できるプラグイン「Responsive Post Preview」

記事を一度下書きにしたり公開済みの状態すると、スマフォやタブレットでのプレビューボタンが表示されるようになります。
※左がスマフォ、右がタブレットでのプレビューボタンです。
記事投稿時にスマフォとタブレット向けにプレビューを確認できるプラグイン「Responsive Post Preview」

当ブログは、iPadなどのタブレットでの最適化は行っていませんのでスマフォだけのプレビューを確認してみますが、このような感じ(iframe)で表示されます。
記事投稿時にスマフォとタブレット向けにプレビューを確認できるプラグイン「Responsive Post Preview」

コメント

タイトルとURLをコピーしました