Title: Crixu Tiltframe
Author: Crixu
Published: <strong>2026 年 8 月 26 日</strong>
Last modified: 2026 年 8 月 26 日

---

搜尋外掛

![](https://ps.w.org/crixu-tiltframe/assets/banner-772x250.png?rev=3666535)

![](https://ps.w.org/crixu-tiltframe/assets/icon-256x256.png?rev=3666535)

# Crixu Tiltframe

 由 [Crixu](https://profiles.wordpress.org/crixu/) 開發

[下載](https://downloads.wordpress.org/plugin/crixu-tiltframe.1.0.5.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/crixu-tiltframe/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/crixu-tiltframe/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/crixu-tiltframe/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/crixu-tiltframe/#developers)

 [技術支援](https://wordpress.org/support/plugin/crixu-tiltframe/)

## 外掛說明

Scroll Parallax Gallery adds three native Gutenberg blocks for building parallax
scrolling image sections and hero banners without a page builder:

 * **Scroll Parallax Gallery** — a pinned, sticky frame with a parallax scrolling
   image gallery on one side and a scroll-animated sequence of narrative steps on
   the other, for scrollytelling-style sections.
 * **Scroll Parallax Hero** — a hero section with rows of images drifting in the
   background as a parallax scrolling effect, with any content of your choosing 
   placed on top.
 * **Scroll Step** — a single narrative step used inside the Gallery block; fades
   in with a scroll animation as it becomes active.

Everything is configured from the block inspector: add images per row from the Media
Library, set each row’s scroll speed, and adjust rotation, frame height, and overlay
darkness to taste. No build tools, no external services, no tracking, and no options
stored outside of the block content itself.

#### Features

 * Multiple independently-speed image rows per block, for a layered parallax scrolling
   effect.
 * Scroll-pinned narrative steps with a fade-in scroll animation that highlights
   in sync with scroll position.
 * A dedicated hero block for parallax background images behind any heading, text,
   or button content.
 * Works with wide/full alignment, block gap, and color/spacing block supports.
 * Responsive: parallax and pinning are disabled below the mobile breakpoint in 
   favor of a simple stacked layout.
 * No JavaScript framework or build step — plain enqueued scripts and CSS custom
   properties.

## 螢幕擷圖

[⌊The Scroll Parallax Gallery block in the editor: two rows of images alongside 
scroll-driven narrative steps.⌉⌊The Scroll Parallax Gallery block in the editor:
two rows of images alongside scroll-driven narrative steps.⌉[

The Scroll Parallax Gallery block in the editor: two rows of images alongside scroll-
driven narrative steps.

[⌊The same gallery on the front end, mid-scroll: rows drifting sideways as the active
step highlights.⌉⌊The same gallery on the front end, mid-scroll: rows drifting sideways
as the active step highlights.⌉[

The same gallery on the front end, mid-scroll: rows drifting sideways as the active
step highlights.

## 適用於區塊編輯器

這個外掛提供 3 個可供區塊編輯器使用的區塊。

 *   Scroll Parallax Gallery Rows of images that drift sideways at different speeds
   as the visitor scrolls the section into view.
 *   Scroll Parallax Hero A hero section with rows of images drifting sideways in
   the background as the visitor scrolls. Put any content on top.
 *   Scroll Step One narrative step inside a Scroll Parallax Gallery block. Fades
   in as the visitor scrolls it into view.

## 安裝方式

 1. Upload the plugin files to the `/wp-content/plugins/crixu-tiltframe` directory,
    or install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress.
 3. In the block editor, insert the “Scroll Parallax Gallery” or “Scroll Parallax Hero”
    block and add your images.

## 常見問題集

### Does this require a page builder or theme?

No. It registers native Gutenberg blocks that work in any block theme or classic
theme with block editor support.

### Does the parallax effect work on mobile?

Below the tablet breakpoint (782px) the layout switches to a static stacked view:
rows no longer drift and steps display without pinning, so the content is fully 
readable without relying on scroll effects.

### Can I control how many images are in each row?

Yes. Each row has its own “Add images” control in the block sidebar, and images 
can be reordered by removing and re-adding them.

### Does this plugin send data anywhere or track visitors?

No. It has no external HTTP requests, no analytics, and stores nothing beyond the
block attributes already saved in your post content.

## 使用者評論

這個外掛目前沒有任何使用者評論。

## 參與者及開發者

以下人員參與了開源軟體〈Crixu Tiltframe〉的開發相關工作。

參與者

 *   [ Crixu ](https://profiles.wordpress.org/crixu/)

[將〈Crixu Tiltframe〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/crixu-tiltframe)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/crixu-tiltframe/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/crixu-tiltframe/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/crixu-tiltframe/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/crixu-tiltframe/)。

## 變更記錄

#### 1.0.5

 * Change: plugin renamed to “Crixu Tiltframe” (slug: crixu-tiltframe) in response
   to wp.org review feedback that the previous name/slug was too generic and lacked
   a distinctive identifier. Main file, Text Domain, and Plugin URI updated to match;
   block names and behavior are unchanged.

#### 1.0.4

 * Fix: Plugin Name changed from “Scroll Parallax Gallery Block” to “Scroll Parallax
   Gallery” so the wp.org-assigned slug matches the Text Domain already used throughout
   the code (Plugin Check flagged the mismatch during submission).

#### 1.0.3

 * Change: Plugin URI and README updated to the renamed repository (github.com/crixu/
   scroll-parallax-gallery-plugin — dropped the banned “wp” term from the repo name).

#### 1.0.2

 * Change: block namespace renamed from `lucasr/*` to `crixu/*` (e.g. `crixu/scroll-
   parallax-gallery`). This changes the block names stored in post content; only
   relevant before this plugin has been used to publish any content.

#### 1.0.1

 * Fix: the gallery block’s front-end output was missing the fade-mask class present
   in the editor preview, so rotated image rows could overflow their column and 
   overlap the steps text. The front-end markup now matches the editor.

#### 1.0.0

 * Initial release.

## 中繼資料

 *  版本 **1.0.5**
 *  最後更新 **3 週前**
 *  啟用安裝數 **少於 10 次**
 *  WordPress 版本需求 ** 6.5 或更新版本 **
 *  已測試相容的 WordPress 版本 **7.1.1**
 *  PHP 版本需求 ** 7.4 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/crixu-tiltframe/)
 * 標籤:
 * [gallery](https://tw.wordpress.org/plugins/tags/gallery/)[hero](https://tw.wordpress.org/plugins/tags/hero/)
   [parallax](https://tw.wordpress.org/plugins/tags/parallax/)[scroll](https://tw.wordpress.org/plugins/tags/scroll/)
   [scroll animation](https://tw.wordpress.org/plugins/tags/scroll-animation/)
 *  [進階檢視](https://tw.wordpress.org/plugins/crixu-tiltframe/advanced/)

## 評分

這個項目尚無任何評論記錄。

[撰寫評分](https://wordpress.org/support/plugin/crixu-tiltframe/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/crixu-tiltframe/reviews/)

## 參與者

 *   [ Crixu ](https://profiles.wordpress.org/crixu/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/crixu-tiltframe/)