這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

WordPress Responsive Preview

描述

=Preview your site at random page widths to test your Responsive design.=

WP Responsive Preview provides an additional previewing options for your site. Loading a Responsive Preview will load the page in a flexible framework at a random width, helping you see how your page looks at different widths. It also lets you re-randomise the width quickly, to test multiple widths.

This plugin is based entirley on [ish. from Brad Frost][http://bradfrostweb.com/demo/ish/] – a great standalone tool for previewing your site at random widths. His post does the best job of explaining the reasoning behind ish. (and therefore WP Responsive Preview).

“The real reasons for this tool is to educate and to facilitate a mental shift. Many clients, designers and developers get hung up on specific device widths, which is why this tool doesn’t include any such language, device chrome or anything like that. Ish. helps keep everyone focused on making a design that looks and functions great at any resolution.”

螢幕截圖

  • An example of a site within the WP Responsive Preview frame. Buttons at top left allow you to set size ranges.
  • Location of the Responsive Preview buttons within the editor, and the admin bar.

安裝

  1. Upload the ‘wp-responsive-preview’ folder to the ‘/wp-content/plugins/’ directory
  2. Activate the WP Responsive Preview plugin through the ‘Plugins’ menu in WordPress
  3. Start Previewing!

常見問題

Why can’t I preview at a set size?

Targeting specific widths is fraught with danger. The number of new devices being released month by month means that there are no longer ‘safe’ screen widths to target. WP Responsive Preview (and ish. – on which it is based) deliberately randomise the screen width in order to see what the design looks like at the ‘in-between’ stages.

評價

There are no reviews for this plugin.

貢獻者及開發者

“WordPress Responsive Preview” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。

貢獻者

將 WordPress Responsive Preview 外掛本地化為台灣繁體中文版。

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

修改日誌

1.2

  • Updated the preview to be more secure. Previews can now only be seen by logged in users.

1.1

  • Added a ‘Responsive Preview’ link to the Admin Bar.

  • Tidied up a little code behind the scenes

1.0

  • This is the first initial release to test the concept. Would love to know what you think.