该插件尚未通过WordPress的最新3个主要版本进行测试。 当与较新版本的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” 是开源软件。 以下人员对此插件做出了贡献。

贡献者

更新日志

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.