{"id":347801,"date":"2026-08-17T13:48:48","date_gmt":"2026-08-17T13:48:48","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/phildesigns-responsive-preview\/"},"modified":"2026-08-17T13:48:21","modified_gmt":"2026-08-17T13:48:21","slug":"phildesigns-responsive-preview","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/phildesigns-responsive-preview\/","author":6264553,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"3.1.1","stable_tag":"3.1.1","tested":"7.0.4","requires":"6.7","requires_php":"7.4","requires_plugins":null,"header_name":"PhilDesigns Responsive Preview","header_author":"PhilDesigns","header_description":"Wraps your WordPress site in a preview interface so you can test mobile responsiveness across device viewports and animated width walks.","assets_banners_color":"1e152b","last_updated":"2026-08-17 13:48:21","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/github.com\/phil-designs\/responsive-preview","header_author_uri":"https:\/\/phildesigns.com","rating":0,"author_block_rating":0,"active_installs":0,"downloads":29,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"3.1.1":{"tag":"3.1.1","author":"PDidee","date":"2026-08-17 13:48:21"}},"upgrade_notice":{"3.1.1":"<p>Internal option names changed prefix (rp_ -&gt; philrepr_); no user-facing changes.<\/p>","3.1.0":"<p>Adds Responsive Walk feature.<\/p>"},"ratings":[],"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3651233,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3651233,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3651233,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["3.1.1"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3651233,"resolution":"1","location":"assets","locale":"","width":1084,"height":410},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3651233,"resolution":"2","location":"assets","locale":"","width":2400,"height":2306},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3651233,"resolution":"3","location":"assets","locale":"","width":2879,"height":1933},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3651233,"resolution":"4","location":"assets","locale":"","width":2869,"height":1932}},"screenshots":{"1":"The preview interface showing the admin toolbar link, device selector, and an iPhone-sized viewport.","2":"The Responsive Walk bar at the bottom showing the play button and progress scrubber.","3":"The settings page with viewport toggles and the custom devices table."}},"plugin_section":[],"plugin_tags":[841,2475,606,1591,23139],"plugin_category":[],"plugin_contributors":[272989],"plugin_business_model":[],"class_list":["post-347801","plugin","type-plugin","status-publish","hentry","plugin_tags-mobile","plugin_tags-preview","plugin_tags-responsive","plugin_tags-testing","plugin_tags-viewport","plugin_contributors-pdidee","plugin_committers-pdidee"],"banners":{"banner":"https:\/\/ps.w.org\/phildesigns-responsive-preview\/assets\/banner-772x250.png?rev=3651233","banner_2x":"https:\/\/ps.w.org\/phildesigns-responsive-preview\/assets\/banner-1544x500.png?rev=3651233","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/phildesigns-responsive-preview\/assets\/icon-256x256.png?rev=3651233","icon_2x":"https:\/\/ps.w.org\/phildesigns-responsive-preview\/assets\/icon-256x256.png?rev=3651233","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/phildesigns-responsive-preview\/assets\/screenshot-1.png?rev=3651233","caption":"The preview interface showing the admin toolbar link, device selector, and an iPhone-sized viewport."},{"src":"https:\/\/ps.w.org\/phildesigns-responsive-preview\/assets\/screenshot-2.png?rev=3651233","caption":"The Responsive Walk bar at the bottom showing the play button and progress scrubber."},{"src":"https:\/\/ps.w.org\/phildesigns-responsive-preview\/assets\/screenshot-3.png?rev=3651233","caption":"The settings page with viewport toggles and the custom devices table."},{"src":"https:\/\/ps.w.org\/phildesigns-responsive-preview\/assets\/screenshot-4.png?rev=3651233","caption":""}],"raw_content":"<!--section=description-->\n<p>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.<\/p>\n\n<h4>Features<\/h4>\n\n<ul>\n<li><strong>Device Viewports<\/strong> \u2014 desktop, laptops, iPad, iPhones, Pixel, and more; toggle portrait\/landscape on rotatable devices<\/li>\n<li><strong>Custom Devices<\/strong> \u2014 define your own device presets with a name, width, and height; manage them from the settings page<\/li>\n<li><strong>Responsive Walk<\/strong> \u2014 play\/pause animation that sweeps the iframe from 1440px to 320px over 10 seconds, with a scrubbable progress bar<\/li>\n<li><strong>Settings page<\/strong> \u2014 enable or disable any viewport from the device dropdown<\/li>\n<\/ul>\n\n<h4>Usage<\/h4>\n\n<ol>\n<li>After activation, click <strong>Responsive Preview<\/strong> in the admin toolbar (top bar).<\/li>\n<li>A new window opens with your site in the preview frame.<\/li>\n<li>Use the <strong>SELECT VIEWPORT<\/strong> dropdown to switch device sizes.<\/li>\n<li>Click the orange play button at the bottom to start a Responsive Walk.<\/li>\n<\/ol>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>responsive-preview<\/code> folder to <code>\/wp-content\/plugins\/<\/code><\/li>\n<li>Activate the plugin through the <strong>Plugins<\/strong> menu in WordPress<\/li>\n<li>Click <strong>Responsive Preview<\/strong> in the admin toolbar to open the preview<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"can%20i%20add%20my%20own%20device%20sizes%3F\"><h3>Can I add my own device sizes?<\/h3><\/dt>\n<dd><p>Yes. Go to <strong>Settings \u2192 Responsive Preview<\/strong>, scroll to the Custom Devices section, and add as many devices as you like.<\/p><\/dd>\n<dt id=\"why%20can%27t%20i%20remove%20the%20desktop%20viewport%3F\"><h3>Why can't I remove the Desktop viewport?<\/h3><\/dt>\n<dd><p>The Desktop option (100% width) is always enabled so there is always at least one viewport available.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>3.1.1<\/h4>\n\n<ul>\n<li>Renamed all remaining <code>rp_<\/code> function, option, and settings-API identifiers to the <code>philrepr_<\/code> prefix (the shorter prefix was flagged as too short by the plugin review)<\/li>\n<\/ul>\n\n<h4>3.1.0<\/h4>\n\n<ul>\n<li>Added Responsive Walk \u2014 animated iframe width sweep from 1440px to 320px with scrubbable progress bar<\/li>\n<\/ul>\n\n<h4>3.0.0<\/h4>\n\n<ul>\n<li>Switched preview bar to flexbox layout<\/li>\n<li>Moved orientation toggle out of select box<\/li>\n<li>Added Settings link on Plugins page<\/li>\n<li>Added support for enabling\/disabling viewports and custom device management<\/li>\n<li>Updated colours, fonts, and styles<\/li>\n<\/ul>\n\n<h4>2.0.0<\/h4>\n\n<ul>\n<li>Added viewport dropdown with popular device sizes<\/li>\n<li>Added FontAwesome icons<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<\/ul>","raw_excerpt":"Preview your WordPress site across device viewports and animated width walks \u2014 directly from the admin toolbar.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/347801","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=347801"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/pdidee"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=347801"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=347801"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=347801"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=347801"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=347801"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=347801"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}