外掛標籤
開發者團隊
② 後台搜尋「Xtreme Slider (3D Image Slider)」→ 直接安裝（推薦）
原文外掛簡介
XtremeSlider is a free, lightweight WordPress slider plugin that lets you create stunning image sliders with four distinct layout modes and embed them anywhere using a simple shortcode.
Built for performance — the frontend uses pure vanilla JavaScript with zero external dependencies.
Four Layout Modes
Default — Editorial full-bleed slider with peek effect. Center slides are fully visible while adjacent slides peek from the edges. Features infinite seamless looping, vertical title text overlay, and caption/description sections below center slides.
Cool — Card-based slider with customizable gradient background. Rounded-corner slides with hover lift effects and pagination dots.
3D — Dramatic CSS perspective slider with depth transforms. Center slide is prominent while adjacent slides rotate and scale back in 3D space with glassmorphism-styled arrows. Per-slider background color.
Options — Static grid of clickable option cards (image + title + caption). Clicking a card reveals its own HTML content in a detail panel below — useful for product variants, plan comparisons, or “pick one, see details” interfaces. Each card’s HTML is editable with inline Code / Preview tabs. Per-slider background color.
Key Features
Infinite Loop — Default layout uses clone-based seamless cycling that never ends
Up to 10 Slides — Add up to 10 images per slider with drag-to-reorder
4 Content Fields Per Slide — Title (vertical overlay), Caption (heading below), Description (paragraph below), Link URL
Relative & Absolute Links — Link to /roofing or https://example.com
Image Ratios — Choose 16:10 (landscape), 1:1 (square), or Fixed Height (pixel height, width scales to natural proportions) per slider. Premium adds Default (original) ratio
Autoplay — Configurable speed (2-10 seconds), pauses on hover
Fullscreen Mode — 100vw edge-to-edge display
Touch & Swipe — Full mobile touch support
Responsive — 4 breakpoints (desktop, tablet, mobile, small mobile)
Hover Effects — Image zoom on hover, caption underline color change
Link Hover Color — Configurable per slider via color picker
Gradient Background — Two-color gradient picker for Cool layout
Background Color — Solid color picker for 3D and Options layouts
Display Toggles — Square corners and black arrows toggles per slider
Shortcode Overrides — Override layout, visible count, autoplay, fullscreen per instance
Conditional Loading — CSS/JS only load on pages containing a slider
No Dependencies
Fully standalone. No WooCommerce, Elementor, or any other plugin required.
Elementor & Gutenberg Compatible
Works in Elementor Shortcode widget, Gutenberg Shortcode block, Classic Editor, or any page builder.
Support
Please submit bugs, patches, and feature requests to:
https://github.com/Xtreme-Plugins/xtreme-slider
