Title: PhilDesigns Responsive Preview Author: phildesigns Published: 17 Ağustos 2026 Last modified: 17 Ağustos 2026 --- Eklentilerde ara ![](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 [phildesigns](https://profiles.wordpress.org/pdidee/) tarafından [İndir](https://downloads.wordpress.org/plugin/phildesigns-responsive-preview.3.1.1.zip) * [Detaylar](https://tr.wordpress.org/plugins/phildesigns-responsive-preview/#description) * [Değerlendirmeler](https://tr.wordpress.org/plugins/phildesigns-responsive-preview/#reviews) * [Kurulum](https://tr.wordpress.org/plugins/phildesigns-responsive-preview/#installation) * [Geliştirme](https://tr.wordpress.org/plugins/phildesigns-responsive-preview/#developers) [Destek](https://wordpress.org/support/plugin/phildesigns-responsive-preview/) ## Açıklama 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. ## Ekran Görüntüleri [⌊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. [[ ## Yükleme 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 ## SSS ### 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. ## İncelemeler Bu eklenti için herhangi bir değerlendirme bulunmuyor. ## Katkıda Bulunanlar ve Geliştiriciler “PhilDesigns Responsive Preview” açık kaynaklı yazılımdır. Aşağıdaki kişiler bu eklentiye katkıda bulunmuşlardır. Katkıda bulunanlar * [ phildesigns ](https://profiles.wordpress.org/pdidee/) [“PhilDesigns Responsive Preview” eklentisini dilinize çevirin.](https://translate.wordpress.org/projects/wp-plugins/phildesigns-responsive-preview) ### Geliştirmeyle ilgilenir misiniz? [Kodu görüntüleyin](https://plugins.trac.wordpress.org/browser/phildesigns-responsive-preview/), [SVN deposuna](https://plugins.svn.wordpress.org/phildesigns-responsive-preview/) göz atın ya da [RSS](https://plugins.trac.wordpress.org/log/phildesigns-responsive-preview/?limit=100&mode=stop_on_copy&format=rss) ile [geliştirme günlüğüne](https://plugins.trac.wordpress.org/log/phildesigns-responsive-preview/) abone olun. ## Değişiklik Kaydı #### 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 * Sürüm **3.1.1** * Son güncelleme **5 gün önce** * Etkin kurulumlar **10dan fazla** * WordPress sürümü ** 6.7 veya üstü ** * Test edilen sürüm **7.0.4** * PHP sürümü ** 7.4 veya üstü ** * Dil * [English (US)](https://wordpress.org/plugins/phildesigns-responsive-preview/) * Etiketler * [mobile](https://tr.wordpress.org/plugins/tags/mobile/)[preview](https://tr.wordpress.org/plugins/tags/preview/) [responsive](https://tr.wordpress.org/plugins/tags/responsive/)[testing](https://tr.wordpress.org/plugins/tags/testing/) [viewport](https://tr.wordpress.org/plugins/tags/viewport/) * [Gelişmiş görünüm](https://tr.wordpress.org/plugins/phildesigns-responsive-preview/advanced/) ## Puanlar Henüz inceleme gönderilmedi. [Değerlendirmeniz](https://wordpress.org/support/plugin/phildesigns-responsive-preview/reviews/#new-post) [Tüm değerlendirmeleri gör](https://wordpress.org/support/plugin/phildesigns-responsive-preview/reviews/) ## Katkıda bulunanlar * [ phildesigns ](https://profiles.wordpress.org/pdidee/) ## Destek Söyleyeceğiniz bir şey mi var? Yardım mı lazım? [Destek forumunu görüntüle](https://wordpress.org/support/plugin/phildesigns-responsive-preview/)