PhilDesigns Responsive Preview
Responsive Preview adds a link to the WordPress admin toolbar that opens your site inside a full-screen preview interface. Switch between device viewport sizes and use the Responsive Walk feature to animate a smooth sweep from 1440px down to 320px. Features Device Viewports — desktop, laptops, iPad,
Responsive Preview adds a link to the WordPress admin toolbar that opens your site inside a full-screen preview interface. Switch between device viewport sizes and use the Responsive Walk feature to animate a smooth sweep from 1440px down to 320px.
Features
- Device Viewports — desktop, laptops, iPad, iPhones, Pixel, and more; toggle portrait/landscape on rotatable devices
- Custom Devices — define your own device presets with a name, width, and height; manage them from the settings page
- Responsive Walk — play/pause animation that sweeps the iframe from 1440px to 320px over 10 seconds, with a scrubbable progress bar
- Settings page — enable or disable any viewport from the device dropdown
Usage
- 01After activation, click Responsive Preview in the admin toolbar (top bar).
- 02A new window opens with your site in the preview frame.
- 03Use the SELECT VIEWPORT dropdown to switch device sizes.
- 04Click the orange play button at the bottom to start a Responsive Walk.