這個外掛並未在最新的 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.

使用者評論

這個外掛目前沒有任何使用者評論。

參與者及開發者

以下人員參與了開源軟體〈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.