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

  • 11837
    views
  • このエントリーをはてなブックマークに追加
  • follow us in feedly

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」

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

  • 11837
    views
  • このエントリーをはてなブックマークに追加
  • follow us in feedly

この投稿と関連する記事一覧

この記事に関するコメント

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください