Title: PhilDesigns Responsive Preview Author: phildesigns Published: 17 agosto, 2026 Last modified: 17 agosto, 2026 --- Pesquisar plugins ![](https://ps.w.org/phildesigns-responsive-preview/assets/banner-772x250.png?rev =3651233) ![](https://ps.w.org/phildesigns-responsive-preview/assets/icon-256x256.png?rev= 3651233) # PhilDesigns Responsive Preview Por [phildesigns](https://profiles.wordpress.org/pdidee/) [Baixar](https://downloads.wordpress.org/plugin/phildesigns-responsive-preview.3.1.1.zip) * [Detalhes](https://br.wordpress.org/plugins/phildesigns-responsive-preview/#description) * [Avaliações](https://br.wordpress.org/plugins/phildesigns-responsive-preview/#reviews) * [Instalação](https://br.wordpress.org/plugins/phildesigns-responsive-preview/#installation) * [Desenvolvimento](https://br.wordpress.org/plugins/phildesigns-responsive-preview/#developers) [Suporte](https://wordpress.org/support/plugin/phildesigns-responsive-preview/) ## Descrição 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 1. After activation, click **Responsive Preview** in the admin toolbar (top bar). 2. A new window opens with your site in the preview frame. 3. Use the **SELECT VIEWPORT** dropdown to switch device sizes. 4. Click the orange play button at the bottom to start a Responsive Walk. ## Capturas de tela [⌊The preview interface showing the admin toolbar link, device selector, and an iPhone-sized viewport.⌉⌊The preview interface showing the admin toolbar link, device selector, and an iPhone-sized viewport.⌉[ The preview interface showing the admin toolbar link, device selector, and an iPhone- sized viewport. [⌊The Responsive Walk bar at the bottom showing the play button and progress scrubber.⌉⌊ The Responsive Walk bar at the bottom showing the play button and progress scrubber .⌉[ The Responsive Walk bar at the bottom showing the play button and progress scrubber. [⌊The settings page with viewport toggles and the custom devices table.⌉⌊The settings page with viewport toggles and the custom devices table.⌉[ The settings page with viewport toggles and the custom devices table. [[ ## Instalação 1. Upload the `responsive-preview` folder to `/wp-content/plugins/` 2. Activate the plugin through the **Plugins** menu in WordPress 3. Click **Responsive Preview** in the admin toolbar to open the preview ## Perguntas frequentes ### Can I add my own device sizes? Yes. Go to **Settings Responsive Preview**, scroll to the Custom Devices section, and add as many devices as you like. ### Why can’t I remove the Desktop viewport? The Desktop option (100% width) is always enabled so there is always at least one viewport available. ## Avaliações Não há avaliações para este plugin. ## Colaboradores e desenvolvedores “PhilDesigns Responsive Preview” é um programa de código aberto. As seguintes pessoas contribuíram para este plugin. Colaboradores * [ phildesigns ](https://profiles.wordpress.org/pdidee/) [Traduzir o “PhilDesigns Responsive Preview” para seu idioma.](https://translate.wordpress.org/projects/wp-plugins/phildesigns-responsive-preview) ### Interessado no desenvolvimento? [Navegue pelo código](https://plugins.trac.wordpress.org/browser/phildesigns-responsive-preview/), consulte o [repositório SVN](https://plugins.svn.wordpress.org/phildesigns-responsive-preview/) ou assine o [registro de desenvolvimento](https://plugins.trac.wordpress.org/log/phildesigns-responsive-preview/) por [RSS](https://plugins.trac.wordpress.org/log/phildesigns-responsive-preview/?limit=100&mode=stop_on_copy&format=rss). ## Registro de alterações #### 3.1.1 * Renamed all remaining `rp_` function, option, and settings-API identifiers to the `philrepr_` prefix (the shorter prefix was flagged as too short by the plugin review) #### 3.1.0 * Added Responsive Walk — animated iframe width sweep from 1440px to 320px with scrubbable progress bar #### 3.0.0 * Switched preview bar to flexbox layout * Moved orientation toggle out of select box * Added Settings link on Plugins page * Added support for enabling/disabling viewports and custom device management * Updated colours, fonts, and styles #### 2.0.0 * Added viewport dropdown with popular device sizes * Added FontAwesome icons #### 1.0.0 * Initial release ## Meta * Versão **3.1.1** * Última atualização **1 mês atrás** * Instalações ativas **Menos de 10** * Versão do WordPress ** 6.7 ou superior ** * Testado até **7.0.6** * Versão do PHP ** 7.4 ou superior ** * Idioma * [English (US)](https://wordpress.org/plugins/phildesigns-responsive-preview/) * Tags * [mobile](https://br.wordpress.org/plugins/tags/mobile/)[preview](https://br.wordpress.org/plugins/tags/preview/) [responsive](https://br.wordpress.org/plugins/tags/responsive/)[testing](https://br.wordpress.org/plugins/tags/testing/) [viewport](https://br.wordpress.org/plugins/tags/viewport/) * [Visualização avançada](https://br.wordpress.org/plugins/phildesigns-responsive-preview/advanced/) ## Classificações Ainda não foi enviada nenhuma avaliação. [Sua avaliação](https://wordpress.org/support/plugin/phildesigns-responsive-preview/reviews/#new-post) [Ver todas avaliações](https://wordpress.org/support/plugin/phildesigns-responsive-preview/reviews/) ## Colaboradores * [ phildesigns ](https://profiles.wordpress.org/pdidee/) ## Suporte Tem algo a dizer? Precisa de ajuda? [Ver fórum de suporte](https://wordpress.org/support/plugin/phildesigns-responsive-preview/)