Title: Quantum Viewports Author: QuantumPress Published: Ọ̀wàrà 25, 2025 Last modified: Ṣẹrẹ 17, 2026 --- Ṣàwárí àwọn plugin ![](https://ps.w.org/quantum-viewports/assets/icon.svg?rev=3384559) # Quantum Viewports Láti ọwọ́ [QuantumPress](https://profiles.wordpress.org/quantumpress/) [Ṣe ìgbàsílẹ̀](https://downloads.wordpress.org/plugin/quantum-viewports.zip) * [Àwọn àlàyé](https://yor.wordpress.org/plugins/quantum-viewports/#description) * [Àwọn àgbéyẹ̀wò](https://yor.wordpress.org/plugins/quantum-viewports/#reviews) * [Ìgbéwọlẹ̀](https://yor.wordpress.org/plugins/quantum-viewports/#installation) * [Ìdàgbàsókè](https://yor.wordpress.org/plugins/quantum-viewports/#developers) [Ìrànlọ́wọ́](https://wordpress.org/support/plugin/quantum-viewports/) ## Àpèjúwe **Quantum Viewports** extends the native Gutenberg blocks with responsive style controls without using extra blocks. Unlike other plugins that add custom blocks or duplicate components, Quantum Viewports integrates directly with the **standard block components**. **Key Features:** Ìtumọ̀ Yorùbá: – **Works with all Block Themes** out-of-the-box Ìtumọ̀ Yorùbá: – Adds responsive controls (mobile, tablet, desktop) directly into block styles for **margin, padding, border, shadow, background, and custom properties** Ìtumọ̀ Yorùbá: – Wraps all generated styles into **CSS classes** for clean frontend output Ìtumọ̀ Yorùbá: – Built with a **mobile-first approach**: settings are applied to the appropriate viewport depending on which viewport is active while editing Ìtumọ̀ Yorùbá: – Includes a **Keyframe-style UI** to preview, reset, or manage responsive styles per viewport Ìtumọ̀ Yorùbá: – Includes a **developer-friendly API** (`registerRenderer`) to attach custom style components _(currently JavaScript only)_ #### Early Access – Feedback Welcome Quantum Viewports is currently in **active Early Access**. The responsive style engine already works well with many Block Themes, but we are still gathering **real- world feedback** to ensure **broader compatibility across different themes and editor configurations**. If you encounter something unexpected. A great success story, a bug, or a theme setup that behaves differently, we would love to hear from you. Every report helps us shape a reliable and truly native solution for responsive Block Styles in the WordPress ecosystem. ### Getting Started #### Example: Adjusting paragraph spacing with mobile-first and breakpoints 1. **Insert a Paragraph block** 2. * Open the Block Editor and add a Paragraph block. 3. **Mobile View (base, 0px)** 4. * Select the Paragraph open **Styles panel Spacing Margin Bottom**. * Set margin to **20px**. * This applies from **0px up**, used as the baseline for all viewports. 5. **Tablet View (override, min-width tablet)** 6. * Switch to **Tablet viewport**. * Change bottom margin to **40px**. * This applies **from the tablet breakpoint upwards**, including Desktop. * A **Keyframe marker** appears for Tablet. 7. **Desktop View (optional, min-width only)** 8. * Switch to Desktop viewport. * To apply changes **only to Desktop**, toggle **“Edit on min-width”**. * Set bottom margin to **60px**. * Now a Media Query is generated for Desktop only. * Tablet margin remains 40px, Mobile margin remains 20px. 9. **Frontend Result** 10. * Save and preview. * Margins adapt: Mobile 20px, Tablet 40px, Desktop 60px. * All styles are wrapped in CSS classes, mobile-first, optimized for any Block Theme. ### Feedback and Issues GitHub Repository: https://github.com/Quantum-Press/Viewports Contact: https:// quantum-press.com/en/contact ## Ìgbéwọlẹ̀ 1. Upload the plugin files to the `/wp-content/plugins/quantum-viewports` directory, or install via the Plugins screen in WordPress. 2. Activate the plugin through the ‘Plugins’ screen in WordPress. 3. Open the block editor (Gutenberg) and edit any block. You will see new **responsive controls** in the block inspector. 4. Switch between desktop, tablet, and mobile views to style your blocks per viewport. ## FAQ ### Does it work with all block themes? Yes! Quantum Viewports extends standard block components, so it works with any Block Theme right away. ### Does it add new blocks? No. Quantum Viewports does **not** create duplicate blocks. It enhances the existing standard block styles with responsive controls. ### Can developers extend it? Yes. Developers can register their own style components using the provided `registerRenderer` API. ### Can I uninstall the plugin without issues? Yes. You can remove the plugin at any time. Basic style settings will remain. ## Àwọn àgbéyẹ̀wò Kò sí àwọn àgbéyẹ̀wò fún plugin yìí. ## Àwọn Olùkópa & Olùgbéejáde “Quantum Viewports” jẹ́ ètò ìṣàmúlò orísun ṣíṣí sílẹ̀. Àwọn ènìyàn wọ̀nyí ti ṣe ìkópa sí plugin yìí. Àwọn Olùkópa * [ QuantumPress ](https://profiles.wordpress.org/quantumpress/) * [ Sebastian Buchwald ](https://profiles.wordpress.org/0verscore/) * [ conversionmedia ](https://profiles.wordpress.org/conversionmedia/) [Túmọ̀ “Quantum Viewports” sí èdè rẹ.](https://translate.wordpress.org/projects/wp-plugins/quantum-viewports) ### Ṣe o nífẹ̀ẹ́ sí ìdàgbàsókè? [Ṣàwárí koodu](https://plugins.trac.wordpress.org/browser/quantum-viewports/), ṣàyẹ̀wò [ibi ìpamọ́ SVN](https://plugins.svn.wordpress.org/quantum-viewports/), tàbí ṣe àgbékalẹ̀ sí [àkọsílẹ̀ ìdàgbàsókè](https://plugins.trac.wordpress.org/log/quantum-viewports/) nípasẹ̀ [RSS](https://plugins.trac.wordpress.org/log/quantum-viewports/?limit=100&mode=stop_on_copy&format=rss). ## Àkójọpọ̀ Meta * Ẹ̀yà **0.9.11** * Ìgbàgbọ́hùn tó kẹ́yìn **oṣù 9 sẹ́yìn** * Àwọn ìgbéwọlẹ̀ tó ṣiṣẹ́ **Tó kéré sí 10** * Ẹ̀yà WordPress ** 6.7 tàbí ju bẹ́ẹ̀ lọ ** * Dánwò dé **6.9.9** * Ẹ̀yà PHP ** 8.1 tàbí ju bẹ́ẹ̀ lọ ** * Èdè * [English (US)](https://wordpress.org/plugins/quantum-viewports/) * Àwọn àmì * [breakpoints](https://yor.wordpress.org/plugins/tags/breakpoints/)[controls](https://yor.wordpress.org/plugins/tags/controls/) [mobile](https://yor.wordpress.org/plugins/tags/mobile/)[responsive](https://yor.wordpress.org/plugins/tags/responsive/) * [Ìwòye Tó Péye](https://yor.wordpress.org/plugins/quantum-viewports/advanced/) ## Àwọn ìbò Kò sí ìwádìí tí a tíì fi ránṣẹ́. [Your review](https://wordpress.org/support/plugin/quantum-viewports/reviews/#new-post) [Wo gbogbo àwọn àgbéyẹ̀wò](https://wordpress.org/support/plugin/quantum-viewports/reviews/) ## Àwọn Olùkópa * [ QuantumPress ](https://profiles.wordpress.org/quantumpress/) * [ Sebastian Buchwald ](https://profiles.wordpress.org/0verscore/) * [ conversionmedia ](https://profiles.wordpress.org/conversionmedia/) ## Ìrànlọ́wọ́ Nǹkan wà tí o fẹ́ sọ? Ṣé o nílò ìrànlọ́wọ́? [Wo àpéjọ ìrànlọ́wọ́](https://wordpress.org/support/plugin/quantum-viewports/)