描述
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-motionfor accessibility - No build step — works out of the box, no bundler or npm install required
屏幕截图
区块
该插件提供了 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.
安装
- Upload the plugin files to
wp-content/plugins/crixu-tiltwall, or install directly through the WordPress plugins screen. - Activate the plugin through the ‘Plugins’ screen in WordPress.
- 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-motionenabled, and background images are lazy-loaded so they don’t block initial page render.
评价
此插件暂无评价。
贡献者及开发者
更新日志
1.0.2
- Hardened
overlayColor(now validated withsanitize_hex_color(), falling back to the default if invalid) andminHeightUnit(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
sizesattribute 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.