=== Easy Responsive Test ===
Contributors: oscitas
Link: http://www.oscitasthemes.com
Tags: responsive, mobile, viewport, screen size, testing
Requires at least: 6.5
Tested up to: 7.0
Requires PHP: 7.4
Stable tag: 3.0.0
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Preview your WordPress site at custom viewport sizes without resizing your browser window.

== Description ==

Easy Responsive Test (ERT) is an essential tool for WordPress administrators and developers who need to verify how a site looks at different screen dimensions. After activation, the plugin creates a dedicated preview page that loads your site inside a resizable iframe with a toolbar for switching between preset and custom viewport sizes.

You do not need to resize your browser window every time you test responsiveness. Install ERT, configure your sizes, and preview your site from the admin settings screen.

= Features =

* Test your site at multiple screen sizes from a single preview page
* Six common viewport sizes included out of the box (320x480 through 1280x1024)
* Add unlimited custom height:width pairs from the settings page
* Customize toolbar background and foreground colors with the WordPress color picker
* One-click "Check Your Site" link from the ERTP Settings admin page
* Demo page is created automatically on activation and hidden from the Pages list
* Settings link on the Plugins screen for quick access
* Admin bar is hidden on the preview page for an accurate front-end view
* Settings and preview restricted to users with the `manage_options` capability

= How it works =

1. Activate the plugin. A private preview page titled "ERTP Site Check" is created automatically.
2. Open **ERTP Settings** in the WordPress admin menu to configure viewport sizes and toolbar colors.
3. Click **Check Your Site** to open the preview page in a new tab.
4. Use the toolbar to switch between configured viewport sizes while your live site loads inside the iframe.

= Default viewport sizes =

* 320 x 480
* 480 x 600
* 540 x 960
* 600 x 960
* 1024 x 600
* 1280 x 1024

Sizes are entered as `height:width` pairs, comma-separated (for example: `320:480, 768:1024`).

https://www.youtube.com/watch?v=Kgx47PKVk00

= Other plugins from oscitas =

For Bootstrap shortcodes, check out [Easy Bootstrap Shortcodes](https://wordpress.org/plugins/easy-bootstrap-shortcodes/).

Looking for a parallax slider? Try [Easy WordPress Parallax Slider](https://wordpress.org/plugins/easy-wp-parallax-slider/).

== Installation ==

= Automatic installation =

1. In your WordPress admin, go to **Plugins > Add New**.
2. Search for "Easy Responsive Test".
3. Click **Install Now**, then **Activate**.

= Manual installation =

1. Download and unzip `easy-responsive-test.zip`.
2. Upload the `easy-responsive-test` folder to `/wp-content/plugins/`.
3. In the WordPress admin, go to **Plugins** and activate **Easy Responsive Test**.

= After activation =

1. Open **ERTP Settings** from the left-hand admin menu (smartphone icon).
2. Adjust viewport sizes and toolbar colors as needed, then click **Update Settings**.
3. Click **Check Your Site** to open the responsive preview in a new browser tab.

== Frequently Asked Questions ==

= Who can access the preview page? =

Only users with the `manage_options` capability (typically Administrators) can view the preview page and change plugin settings.

= Where is the preview page? =

On activation, the plugin creates a page titled "ERTP Site Check" with the slug `erp_check_site`. The page is hidden from the standard Pages list in the admin to avoid accidental edits. Use the **Check Your Site** link on the settings page to open it.

= What happens when I deactivate the plugin? =

Deactivation removes plugin options and deletes the automatically created preview page. Reactivating the plugin creates a fresh preview page.

= How do I add custom screen sizes? =

In **ERTP Settings**, enter sizes in the Window Sizes field as `height:width` pairs separated by commas. For example: `375:667, 414:896, 768:1024`.

== Screenshots ==

1. Easy Responsive Test settings page
2. Responsive preview toolbar
3. 1280 x 1024 viewport
4. 1024 x 600 viewport
5. 600 x 960 viewport
6. 960 x 540 viewport
7. 480 x 600 viewport

== Changelog ==

= 3.0.0 =

* Add CSRF nonce and capability checks to the settings form.
* Restrict the demo preview page to users with `manage_options`.
* Compatibility: WordPress 6.5+ and 7.0; PHP 7.4+ and 8.x.

= 2.0 =

* You can set custom height and width for each viewport size.
* You can show or hide the toolbar.

= 1.0 =

* Initial release.

== Upgrade Notice ==

= 3.0.0 =
Major security and compatibility update for WordPress 6.5+ and PHP 8.x. All administrators should upgrade.
