Title: Responsive Columns
Author: Specia1ne
Published: <strong>मे 14, 2025</strong>
Last modified: ऑक्टोबर 27, 2025

---

प्लगइन शोधा

![](https://ps.w.org/responsive-columns/assets/icon-256x256.png?rev=3293306)

# Responsive Columns

 [Specia1ne](https://profiles.wordpress.org/specia1ne/) कडून

[डाउनलोड करा](https://downloads.wordpress.org/plugin/responsive-columns.1.1.1.zip)

 * [तपशील](https://mr.wordpress.org/plugins/responsive-columns/#description)
 * [पुनरावलोकने](https://mr.wordpress.org/plugins/responsive-columns/#reviews)
 *  [इंस्टॉलेशन](https://mr.wordpress.org/plugins/responsive-columns/#installation)
 * [डेव्हलोपमेंट](https://mr.wordpress.org/plugins/responsive-columns/#developers)

 [समर्थन](https://wordpress.org/support/plugin/responsive-columns/)

## वर्णन

> **See exactly how many columns appear on every device.** Responsive Columns extends
> the core Columns block and the Query Loop (grid) template with precise controls
> for four breakpoints, X/Y gap management, and an optional Masonry layout.

### Key features

 * **Four responsive breakpoints.** Fine-tune Desktop, Tablet landscape, Tablet 
   portrait, and Mobile column counts (1–6 columns).
 * **Theme-aware gaps.** Uses your theme’s block gap as a starting point and lets
   you override horizontal and vertical spacing independently.
 * **One-click Masonry for Query Loop (Grid).** No jQuery, automatically reflows
   posts as your content changes.
 * **Native block experience.** Works directly inside core/Columns and core/Post
   Template (grid) so patterns, reusable blocks, and theme.json continue to work.
 * **Lightweight.** Modern ES modules (~4 kB compressed) and CSS custom properties.
   Editor assets load only when needed.

### How it works

The plugin adds a `has-s1-rc-columns` class and a handful of CSS custom properties:

    ```
    --s1-rc-columns-mobile-portrait
    --s1-rc-columns-mobile-landscape
    --s1-rc-columns-tablet-portrait
    --s1-rc-columns-tablet-landscape
    --s1-rc-columns-desktop /* auto-added for Masonry /
    --s1-rc-gap-x / horizontal /
    --s1-rc-gap-y / vertical, falls back to X */
    ```

Your theme’s layout styles stay in control — Responsive Columns only adjusts `grid-
template-columns` and gap values inside media queries. Disable or uninstall the 
plugin and the columns fall back to WordPress defaults without leaving orphan styles
behind.

### Editor experience

 * Inspector panel with device icons, tooltips, and numeric inputs for precise values.
 * Theme gap detection with a reset button to restore defaults in one click.
 * Gap linking lets you mirror vertical spacing or split it into a custom row gap.
 * Masonry toggle explains prerequisites (Query Loop + Grid layout with a desktop
   column count).

### Accessibility & localisation

 * All UI controls are keyboard accessible and include human-readable labels.
 * Strings are translation ready via the `responsive-columns` text domain and JSON
   translation support.

## स्क्रीनशॉट

 * [[
 * Four-column grid on desktop with Responsive Columns panel open.
 * [[
 * Two-column tablet view showing adjusted breakpoints.
 * [[
 * Single-column mobile view after resizing slider.

## स्थापना

 1. Upload the plugin folder to `/wp-content/plugins/` or search “Responsive Columns”
    in _Plugins  Add New_.
 2. Activate the plugin.
 3. Select a **Columns** block or **Query Loop  Grid**, open the sidebar, and expand
    the **Responsive Columns** panel.

## नेहमी विचारले जाणारे प्रश्न

### Does it work with Reusable Blocks and Patterns?

Yes. Responsive settings are saved as native block attributes and persist across
reusable blocks, synced patterns, and template parts.

### Will my layout break if I uninstall the plugin?

No. Extra attributes are ignored by core blocks once the plugin is removed. Your
content reverts to the default responsive behaviour (stacking on smaller screens).

## समीक्षा

ह्या प्लगइनसाठी कोणतेही समीक्षण नाही.

## योगदानकर्ते आणि विकसक

“Responsive Columns” हे मुक्त स्रोत सॉफ्टवेअर आहे. पुढील लोक या प्लगइनच्या निर्मितीत
योगदान केले आहे.

योगदानकर्ते

 *   [ Specia1ne ](https://profiles.wordpress.org/specia1ne/)

[भाषांतर करा “Responsive Columns” तुमच्या भाषेत.](https://translate.wordpress.org/projects/wp-plugins/responsive-columns)

### विकासातील आग्रह?

[कोड ब्राउझ करा](https://plugins.trac.wordpress.org/browser/responsive-columns/),
[SVN संग्रहालय](https://plugins.svn.wordpress.org/responsive-columns/) तपासा, किंवा
[विकास लॉग](https://plugins.trac.wordpress.org/log/responsive-columns/) च्या [RSS](https://plugins.trac.wordpress.org/log/responsive-columns/?limit=100&mode=stop_on_copy&format=rss)
द्वारे सदस्यता घ्या.

## बदलांची यादी

#### 1.1.1

 * **Fixes & Defaults:**
    “Reset responsive settings” now restores gap values directly
   from the active theme (`theme.json`). New blocks initialize with the correct 
   default gap from the theme or a reliable fallback (`24px`).
 * **UX Improvements:**
    Column and row gaps now stay synchronized consistently 
   when linked (X  Y). Editor controls always display real pixel values based on
   the theme rather than placeholders.
 * **Masonry Guard:**
    Added a responsive validation layer that only enables Masonry
   for valid Query Loop grid layouts. The toggle now includes clear inline guidance
   and automatic reset behavior when prerequisites are not met.

#### 1.1.0

 * **Security & Stability:**
    Reworked the HTML filter to use `WP_HTML_Tag_Processor`
   instead of regex, ensuring safe and predictable markup updates. Hardened asset
   loading — scripts now read dependencies and versions directly from `index.asset.
   php` with graceful fallbacks.
 * **Quality & Performance:**
    Optimized front-end Masonry with clamped gap values,
   rate-limited resize handling, and automatic observer cleanup to prevent layout
   thrashing. Streamlined attribute updates in the editor inspector, reducing redundant
   renders and simplifying logic.
 * **Accessibility & i18n:**
    Added clearer screen-reader descriptions for gap sliders
   and improved help text for Masonry controls. Verified full localization support.

#### 1.0.0

 * Initial public release — breakpoints, gap controls, and Masonry option.

## मेटा

 *  आवृत्ती **1.1.1**
 *  शेवटचा अद्यतन **6 महिने पूर्वी**
 *  सक्रिय स्थापना **50+**
 *  वर्डप्रेस आवृत्ती ** 6.4 किंवा मोठा **
 *  परीक्षित केले आहे **6.8.5**
 *  PHP आवृत्ती ** 7.4 किंवा मोठा **
 *  भाषा
 * [English (US)](https://wordpress.org/plugins/responsive-columns/)
 * टॅग्ज:
 * [block-editor](https://mr.wordpress.org/plugins/tags/block-editor/)[columns](https://mr.wordpress.org/plugins/tags/columns/)
   [css grid](https://mr.wordpress.org/plugins/tags/css-grid/)[gutenberg](https://mr.wordpress.org/plugins/tags/gutenberg/)
   [responsive](https://mr.wordpress.org/plugins/tags/responsive/)
 *  [प्रगत दृश्य](https://mr.wordpress.org/plugins/responsive-columns/advanced/)

## मूल्यांकन

अजून कोणतीही पुनरावलोकने सबमिट केलेली नाहीत.

[Your review](https://wordpress.org/support/plugin/responsive-columns/reviews/#new-post)

[सर्व पुनरावलोकने पहा](https://wordpress.org/support/plugin/responsive-columns/reviews/)

## योगदानकर्ते

 *   [ Specia1ne ](https://profiles.wordpress.org/specia1ne/)

## समर्थन

काहीतरी सांगायचं आहे का? मदतीची आवश्यकता आहे का?

 [समर्थन फोरम पहा](https://wordpress.org/support/plugin/responsive-columns/)

## देणगी

आपण हे प्लगइन पुरविण्यात समर्थन करू इच्छिता का?

 [ ह्या प्लगइनला देणगी द्या ](https://specia1ne.com)