Plugins DatabasePlugins Database logo
Back to plugins
Homepage WordPress

Actions

DownloadAuthor pageSee on WordPress

Plugin info

Total downloads: 3,749
Active installs: 30
Total reviews: 2
Average rating: 4.5
Support threads opened: 0
Support threads resolved: 0 (0%)
Available in: 1 language(s)
Contributors: 2
Last updated: 2/2/2014 (4349 days ago)
Added to WordPress: 11/22/2012 (13 years old)
Minimum WordPress version: 3.1
Tested up to WordPress version: 3.4.2
Minimum PHP version: f

Maintenance & Compatibility

Maintenance score

Possibly abandoned • Last updated 4349 days ago • 2 reviews

22/100

Is WordPress Responsive Preview abandoned?

Possibly abandoned (last update 4349 days ago).

Compatibility

Requires WordPress: 3.1
Tested up to: 3.4.2
Requires PHP: f

Ratings

1
1
0
0
0See all reviews

Developers

jordesign (Owner)3jordesign5

Languages

Similar & Alternatives

Explore plugins with similar tags, and compare key metrics like downloads, ratings, updates, support, and WP/PHP compatibility.

WP Themes by Screensize
Rating 5.0/5 (2 reviews) • Active installs 10
Compare
Editor Full Width Gutenberg
Rating 4.9/5 (18 reviews) • Active installs 4,000
Compare
Responsive Block Control – Hide blocks based on display width
Rating 5.0/5 (4 reviews) • Active installs 1,000
Compare
Image Automatic Height Width
Rating 5.0/5 (3 reviews) • Active installs 500
Compare
Image Size Attributes Remover
Rating 5.0/5 (1 reviews) • Active installs 100
Compare
Show Current Width
Rating 0.0/5 (0 reviews) • Active installs 90
Compare
See more alternatives to WordPress Responsive Preview

Description

=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.”

Installation

  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!

Frequently Asked Questions

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.

Review feed

No reviews available

Screenshots

  1. An example of a site within the WP Responsive Preview frame. Buttons at top left allow you to set size ranges.

    An example of a site within the WP Responsive Preview frame. Buttons at top left allow you to set size ranges.

  2. Location of the Responsive Preview buttons within the editor, and the admin bar.

    Location of the Responsive Preview buttons within the editor, and the admin bar.

Changelog

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.
Back to plugins