Title: Crixu Tiltwall
Author: Crixu
Published: <strong>2026-يىلى 3-سېنتەبىر</strong>
Last modified: 2026-يىلى 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://ug.wordpress.org/plugins/crixu-tiltwall/#description)
 * [باھالاشلار](https://ug.wordpress.org/plugins/crixu-tiltwall/#reviews)
 *  [ئورنىتىش](https://ug.wordpress.org/plugins/crixu-tiltwall/#installation)
 * [ئىجادىيەت](https://ug.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).

## FAQ

### 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.

## Meta

 *  Version **1.0.2**
 *  ئاخىرقى يېڭىلانغان ۋاقىت **2 ھەپتە بۇرۇن**
 *  ئاكتىپ ئورنىتىش سانى **10 دىن ئاز**
 *  WordPress نەشرى ** 6.3 ياكى يۇقىرى **
 *  **7.1** دا سىنالغان
 *  PHP نەشرى ** 7.4 ياكى يۇقىرى **
 *  تىل
 * [English (US)](https://wordpress.org/plugins/crixu-tiltwall/)
 * بەلگە
 * [background slider](https://ug.wordpress.org/plugins/tags/background-slider/)
   [gallery block](https://ug.wordpress.org/plugins/tags/gallery-block/)[hero](https://ug.wordpress.org/plugins/tags/hero/)
   [parallax](https://ug.wordpress.org/plugins/tags/parallax/)
 *  [ئالىي كۆرۈنۈش](https://ug.wordpress.org/plugins/crixu-tiltwall/advanced/)

## دەرىجە

No reviews have been submitted yet.

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