Title: Crixu Tiltwall
Author: Crixu
Published: <strong>2026 年 9 月 3 日</strong>
Last modified: 2026 年 9 月 3 日

---

搜尋外掛

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

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

# Crixu Tiltwall

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

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

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

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

## 外掛說明

Crixu Tiltwall adds a full-bleed hero block for the block editor whose background
is a scrolling image gallery — your photos arranged into columns that auto-scroll
endlessly, alternating direction, with an optional flat or 3D parallax-style tilt.
A Cover-block-style color overlay sits on top, and any inner blocks (headings, buttons,
paragraphs, etc.) render above that, just like the core Cover block.

Use it to build an eye-catching hero section, header, or landing page background
without a page builder — a lightweight alternative to the Cover block for sites 
that want a moving, gallery-driven backdrop instead of a single static image or 
video.

 * Full-bleed hero background built from an image gallery you select in the block
   editor
 * Endless auto-scrolling columns (a background slider effect), alternating direction
   per column
 * Adjustable tilt: none, flat (2D), or 3D parallax-style perspective
 * Configurable columns (3–6), scroll speed, and minimum height
 * Cover-block style overlay color and opacity
 * Respects `prefers-reduced-motion` for accessibility
 * No build step — works out of the box, no bundler or npm install required

## 螢幕擷圖

[⌊3D tilt — the default perspective-tilted, auto-scrolling image mosaic with overlay.⌉⌊
3D tilt — the default perspective-tilted, auto-scrolling image mosaic with overlay
.⌉[

3D tilt — the default perspective-tilted, auto-scrolling image mosaic with overlay.

[⌊Flat 2D tilt — the same block with a flat rotation instead of a 3D perspective.⌉⌊
Flat 2D tilt — the same block with a flat rotation instead of a 3D perspective.⌉[

Flat 2D tilt — the same block with a flat rotation instead of a 3D perspective.

[⌊No tilt — images scroll straight up/down with no rotation.⌉⌊No tilt — images scroll
straight up/down with no rotation.⌉[

No tilt — images scroll straight up/down with no rotation.

## 適用於區塊編輯器

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

 *   Tiltwall A full-bleed hero background of tilted, endlessly auto-scrolling image
   columns with an adjustable overlay. Place any blocks on top, like the Cover block.

## 安裝方式

 1. Upload the plugin files to `wp-content/plugins/crixu-tiltwall`, or install directly
    through the WordPress plugins screen.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress.
 3. Add the “Tiltwall” block from the block inserter (category: Design).

## 常見問題集

### Do I need a build step to use or modify this plugin?

No. The editor script is plain JavaScript using WordPress’s registered globals (`
wp.blocks`, `wp.element`, etc.), so no bundler is required.

### How many images do I need?

The block works with any number of images; fewer than the columns × 6 minimum are
cycled to fill every column.

### How is this different from the Cover block or a background slider plugin?

It’s built to feel like a natural extension of the Cover block — same overlay color/
opacity controls, same “place any blocks on top” pattern — but instead of one static
image or video, the background is a multi-column image gallery that auto-scrolls
with an optional parallax-style tilt.

### Will it work with my theme?

Yes. It’s a standard block that renders inside your theme’s content area and doesn’t
require a block theme, though it supports wide and full alignment where your theme
allows it.

### Does the auto-scroll affect accessibility or performance?

Motion automatically stops for visitors with `prefers-reduced-motion` enabled, and
background images are lazy-loaded so they don’t block initial page render.

## 使用者評論

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

## 參與者及開發者

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

參與者

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

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

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

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

## 變更記錄

#### 1.0.2

 * Hardened `overlayColor` (now validated with `sanitize_hex_color()`, falling back
   to the default if invalid) and `minHeightUnit` (now checked against an allowlist
   of real CSS units) against crafted block attribute values that bypass the editor
   UI.

#### 1.0.1

 * Set an explicit `sizes` attribute on hero background images instead of letting
   WordPress default it to ~100vw. Tiles render at roughly 150-300px, so the default
   was pulling the largest srcset candidate for every tile — fixing this cut ~636KB
   off a page with this block in a real-world audit.

#### 1.0.0

 * Initial release.

## 中繼資料

 *  版本 **1.0.2**
 *  最後更新 **3 天前**
 *  啟用安裝數 **少於 10 次**
 *  WordPress 版本需求 ** 6.3 或更新版本 **
 *  已測試相容的 WordPress 版本 **7.1**
 *  PHP 版本需求 ** 7.4 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/crixu-tiltwall/)
 * 標籤:
 * [background slider](https://tw.wordpress.org/plugins/tags/background-slider/)
   [gallery block](https://tw.wordpress.org/plugins/tags/gallery-block/)[hero](https://tw.wordpress.org/plugins/tags/hero/)
   [parallax](https://tw.wordpress.org/plugins/tags/parallax/)
 *  [進階檢視](https://tw.wordpress.org/plugins/crixu-tiltwall/advanced/)

## 評分

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

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

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

## 參與者

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

## 技術支援

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

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