Title: Blockshifter
Author: Ange Chierchia
Published: <strong>2026년 8월 1일</strong>
Last modified: 2026년 8월 15일

---

플러그인 검색

![](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://ko.wordpress.org/plugins/blockshifter/#description)
 * [평가](https://ko.wordpress.org/plugins/blockshifter/#reviews)
 *  [설치](https://ko.wordpress.org/plugins/blockshifter/#installation)
 * [개발](https://ko.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.

## FAQ

### 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/browser/blockshifter/)는, [SVN 저장소](https://plugins.svn.wordpress.org/blockshifter/)
를 확인하시거나, [개발 기록](https://plugins.trac.wordpress.org/log/blockshifter/)
을 [RSS](https://plugins.trac.wordpress.org/log/blockshifter/?limit=100&mode=stop_on_copy&format=rss)
로 구독하세요.

## 변경이력

#### 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**
 *  최근 업데이트: **2주 전**
 *  활성화된 설치 **10보다 적음**
 *  워드프레스 버전 ** 6.2 또는 그 이상 **
 *  다음까지 시험됨: **7.0.4**
 *  PHP 버전 ** 7.4 또는 그 이상 **
 *  언어
 * [English (US)](https://wordpress.org/plugins/blockshifter/)
 * 태그:
 * [block-editor](https://ko.wordpress.org/plugins/tags/block-editor/)[carousel](https://ko.wordpress.org/plugins/tags/carousel/)
   [full-site-editing](https://ko.wordpress.org/plugins/tags/full-site-editing/)
   [gutenberg](https://ko.wordpress.org/plugins/tags/gutenberg/)[slider](https://ko.wordpress.org/plugins/tags/slider/)
 *  [고급 보기](https://ko.wordpress.org/plugins/blockshifter/advanced/)

## 평점

아직 제출된 리뷰가 없습니다.

[Your review](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/)