Title: Blockshifter
Author: Ange Chierchia
Published: <strong>अगस्ट 1, 2026</strong>
Last modified: अगस्ट 15, 2026

---

प्लगिनहरू खोज्नुहोस्

![](https://ps.w.org/blockshifter/assets/icon.svg?rev=3631328)

# Blockshifter

 [Ange Chierchia](https://profiles.wordpress.org/nighcrawl/) द्वारा

[डाउनलोड गर्नुहोस्](https://downloads.wordpress.org/plugin/blockshifter.0.2.0.zip)

 * [विवरण](https://ne.wordpress.org/plugins/blockshifter/#description)
 * [समीक्षाहरू](https://ne.wordpress.org/plugins/blockshifter/#reviews)
 *  [स्थापना](https://ne.wordpress.org/plugins/blockshifter/#installation)
 * [विकास](https://ne.wordpress.org/plugins/blockshifter/#developers)

 [सहायता](https://wordpress.org/support/plugin/blockshifter/)

## विवरण

Blockshifter is a growing toolbox of display modes for native Gutenberg blocks —
no new block types, no leaving the block editor, no learning curve.

Pick a block you already use — Gallery, Group — flip a toggle in its Inspector, 
and its front-end output transforms. The block itself stays 100% native and editable;
nothing about how you write content changes.

Think of Blockshifter as a shape-shifter for your blocks: same content underneath,
a different shape on the front end. Today it shifts into a Carousel or a Masonry
grid; tomorrow more shapes join the same toolbox, each just as simple to switch 
on.

#### Carousel, live today

A clean, minimalist carousel for Gallery and Group blocks, powered by [Splide.js](https://splidejs.com/)—
lightweight, accessible, dependency-free. Arrows and pagination are styled to sit
quietly on top of your content, in any color, on any background.

 * One toggle to turn a block into a carousel
 * Slides per page
 * Autoplay
 * Infinite loop
 * Fully responsive, keyboard and screen-reader friendly out of the box

#### Masonry, live today

A compact, variable-height masonry grid for Gallery and Group blocks, built with
native CSS Grid — no third-party library. Every native Gutenberg setting stays in
charge: Columns and Gap on Gallery, Gap on Group.

 * One toggle to turn a block into a masonry grid
 * Columns (Group only — Gallery keeps its own native Columns control)
 * Respects each block’s native Gap and responsive behavior
 * Degrades gracefully to a regular grid without JavaScript

#### More shapes are coming

Accordion and other display modes are on the roadmap. Every future module follows
the exact same pattern you already know: pick a block, flip a toggle, done.

#### For developers

The list of blocks a module targets is filterable, so you can extend any module 
to other core blocks without forking the plugin — the filter name follows `blockshifter/
<module>/allowed_blocks`:

    ```
    add_filter( 'blockshifter/carousel/allowed_blocks', function( $blocks ) {
        $blocks[] = 'core/columns';
        return $blocks;
    } );

    add_filter( 'blockshifter/masonry/allowed_blocks', function( $blocks ) {
        $blocks[] = 'core/columns';
        return $blocks;
    } );
    ```

### Development

Source code, build tools and issue tracker: https://github.com/nighcrawl/Blockshifter

The `src/` directory contains the human-readable, unminified source for everything
shipped in `build/`. See the repository’s README for the build steps (`composer 
install && npm install && npm run build`).

## स्क्रिनसटहरू

[⌊The Blockshifter Carousel panel in the Inspector of a Group block, with the Carousel
mode enabled and its settings (slides per page, autoplay, infinite loop) visible.⌉⌊
The Blockshifter Carousel panel in the Inspector of a Group block, with the Carousel
mode enabled and its settings (slides per page, autoplay, infinite loop) visible
.⌉[

The Blockshifter Carousel panel in the Inspector of a Group block, with the Carousel
mode enabled and its settings (slides per page, autoplay, infinite loop) visible.

[⌊The same Blockshifter Carousel panel on a Gallery block.⌉⌊The same Blockshifter
Carousel panel on a Gallery block.⌉[

The same Blockshifter Carousel panel on a Gallery block.

[⌊A Group block rendered as a full-width Carousel on the front end.⌉⌊A Group block
rendered as a full-width Carousel on the front end.⌉[

A Group block rendered as a full-width Carousel on the front end.

[⌊A Gallery block rendered as a Carousel on the front end.⌉⌊A Gallery block rendered
as a Carousel on the front end.⌉[

A Gallery block rendered as a Carousel on the front end.

## स्थापना

 1. Upload the plugin files to `/wp-content/plugins/blockshifter`, or install the plugin
    through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress.
 3. Select a Gallery or Group block in the editor, open the Inspector, and enable the“
    Blockshifter Carousel” panel.

## प्रश्नोत्तर

### Can I use this on blocks other than Gallery and Group?

Not out of the box yet, but developers can extend any module’s target blocks via
its `blockshifter/<module>/allowed_blocks` filter — see the Description above.

### Are other display modes (Accordion…) available?

Not yet — the current release ships with the Carousel and Masonry modules. More 
are planned.

### Is this plugin free?

Yes, Blockshifter is completely free, with no premium tier at this time.

## समीक्षाहरू

यस प्लगिनको लागि कुनै समीक्षाहरू छैनन्।

## योगदानकर्ता र डेभलपरहरू

“Blockshifter” खुला स्रोत सफ्टवेयर हो। निम्न व्यक्तिहरूले यो प्लगिनमा योगदान गरेका
छन्।

योगदानकर्ताहरू

 *   [ Ange Chierchia ](https://profiles.wordpress.org/nighcrawl/)

[“Blockshifter” लाई आफ्नो भाषामा अनुवाद गर्नुहोस्](https://translate.wordpress.org/projects/wp-plugins/blockshifter)

### विकासमा रुचि छ?

[आरएसएस](https://plugins.trac.wordpress.org/log/blockshifter/?limit=100&mode=stop_on_copy&format=rss)
द्वारा [कोड ब्राउज गर्नुहोस्](https://plugins.trac.wordpress.org/browser/blockshifter/),
[एसभीएन रिपजिटरी](https://plugins.svn.wordpress.org/blockshifter/) हेर्नुहोस्, वा
[विकास लग](https://plugins.trac.wordpress.org/log/blockshifter/) को सदस्यता लिनुहोस्।

## चेन्जलग

#### 0.2.0

 * Adds Masonry, a second Blockshifter module: turns a Gallery or Group block into
   a compact, variable-height CSS Grid layout, with the same “pick a block, flip
   a toggle” pattern as Carousel.
 * Gap and (on Gallery) Columns always come from the block’s own native Gutenberg
   settings — Masonry never duplicates them.
 * Matches Gallery’s native responsive behavior (two columns on narrow screens, 
   configured column count above) on both Gallery and Group.
 * Degrades gracefully to a regular, non-overlapping grid without JavaScript.

#### 0.1.0

 * Initial release: Carousel, the first Blockshifter module, for the Gallery and
   Group blocks.

## मेटा

 *  संस्करण **0.2.0**
 *  पछिल्लो अपडेट **1 हप्ता अघि**
 *  सक्रिय स्थापना **१० भन्दा कम**
 *  वर्डप्रेस संस्करण ** 6.2 वा उच्च **
 *  जाँच गरिएको **7.0.4**
 *  PHP संस्करण ** 7.4 वा उच्च **
 *  भाषा
 * [English (US)](https://wordpress.org/plugins/blockshifter/)
 * ट्यागहरू
 * [block-editor](https://ne.wordpress.org/plugins/tags/block-editor/)[carousel](https://ne.wordpress.org/plugins/tags/carousel/)
   [full-site-editing](https://ne.wordpress.org/plugins/tags/full-site-editing/)
   [gutenberg](https://ne.wordpress.org/plugins/tags/gutenberg/)[slider](https://ne.wordpress.org/plugins/tags/slider/)
 *  [उन्नत दृश्य](https://ne.wordpress.org/plugins/blockshifter/advanced/)

## रेटिङ्गहरू

अहिलेसम्म कुनै समीक्षा पेस गरिएको छैन।

[तपाईँको समीक्षा](https://wordpress.org/support/plugin/blockshifter/reviews/#new-post)

[सबै समीक्षाहरू हेर्नुहोस्](https://wordpress.org/support/plugin/blockshifter/reviews/)

## योगदानकर्ताहरू

 *   [ Ange Chierchia ](https://profiles.wordpress.org/nighcrawl/)

## सहायता

केही भन्नु छ? सहयोग चाहियो?

 [सहायता फोरम हेर्नुहोस्](https://wordpress.org/support/plugin/blockshifter/)