內容簡介
SlideVerse 是一款針對 Gutenberg 區塊編輯器的響應式 WordPress 滑動外掛，基於可靠的 Swiper.js 引擎打造。用戶可輕鬆創建觸控友好的滑動效果，包括英雄滑動、圖片滑動和多種內容滑動，無需撰寫任何程式碼。
【主要功能】
• 支援多種滑動區塊，包括英雄滑動和圖片滑動
• 可自訂每個滑動的內容和樣式
• 提供無限滑動效果，適合各種內容展示
外掛標籤
開發者團隊
② 後台搜尋「SlideVerse – Slider, Carousel & Image Slider Blocks for Gutenberg」→ 直接安裝（推薦）
原文外掛簡介
SlideVerse is a responsive WordPress slider plugin for the Gutenberg block editor, built on the trusted Swiper.js engine. Create touch-enabled, mobile-friendly sliders and carousels — hero sliders, image sliders, post carousels, logo sliders, testimonial sliders, video sliders, free-form content sliders, and before/after image comparisons — directly inside the block editor, without writing a single line of code.
From a simple image carousel to a dynamic blog post slider, SlideVerse gives you native Gutenberg blocks and a full set of responsive design controls to build exactly what you need.
Visit the SlideVerse website for documentation and demos.
Slider & Carousel Blocks Included
SlideVerse adds nine purpose-built slider blocks (plus two helper blocks) to the editor:
Base Slider & Hero Carousel
Build hero and banner sliders from a pre-built slide structure — title, subtitle, description, and a call-to-action button over a background image. Add a colour overlay, set horizontal and vertical content alignment, choose a responsive slide height, and pick from the full range of Swiper transition effects.
Image Slider & Photo Carousel
A versatile image carousel for galleries, portfolios, product shots, and brand assets. Turn on a click-to-enlarge lightbox gallery, show captions below the image or as a hover overlay, add hover tooltips, and give each image its own link with an open-in-new-tab option.
Flexi Content Slider
Build each slide out of any Gutenberg blocks — images, headings, buttons, groups, or columns — using the companion Flexi Content Slide block. Choose Auto, Fixed, or Minimum slide height for complete creative freedom over a Swiper-powered carousel.
Infinite Slider (Marquee)
A continuous, seamless scrolling carousel for logos, partners, text, or any content. Add any Gutenberg blocks inside each slide using the companion Infinite Slider Item block. Supports grab/swipe dragging with smooth inertia, an optional image lightbox, vertical or horizontal direction, and adjustable speed and spacing.
Post Slider & Blog Carousel
Automatically display your latest posts, pages, or custom post types in a responsive carousel. Filter by category, choose the order and count, trim excerpts, show featured images, and link to full articles — all configured without code. Optional click-to-enlarge image lightbox.
Logo Carousel & Partner Showcase
Showcase client logos, partner brands, sponsors, or affiliates in a smooth, auto-scrolling carousel. Upload logos, control slides per view and spacing, enable grab/swipe, and turn on an optional image lightbox.
Testimonial Slider & Review Carousel
Build trust with social proof. Display customer testimonials and reviews with star ratings, author names, roles, and avatars in an elegant, responsive carousel.
Video Slider & Video Carousel
Present videos in a responsive carousel with thumbnail previews. Supports YouTube, Vimeo, and self-hosted videos, with inline or lightbox playback.
Before & After Image Comparison
Compare two images with an interactive, draggable divider — ideal for showcasing transformations, edits, renovations, and product effects. Supports horizontal and vertical orientations.
Why Choose SlideVerse?
Gutenberg-native – No shortcodes and no page builders. Everything works inside the block editor.
Responsive by default – Every slider adapts to desktop, tablet, and mobile, with per-device controls.
Touch, swipe & grab – Native gesture support on mobile and desktop, powered by Swiper.js.
Click-to-enlarge lightbox – Open images in a full-screen gallery with previous/next and keyboard navigation.
Full style controls – Background colors, padding, borders, typography, and spacing — responsive, with hover states.
Multiple transition effects – Slide, fade, coverflow, flip, creative, and cards.
Navigation & pagination – Arrows, dots, fraction, and progress bar, with full position control.
Autoplay – Configurable timing, loop, reverse direction, and pause options.
Efficient asset loading – Each slider block registers its own styles and scripts, so a block’s assets load only where the block is used.
Translation-ready – Built with internationalization in mind (text domain: slideverse).
Popular Use Cases
Hero, banner, and full-width headline sliders
Image sliders and photo galleries
Product and portfolio carousels
Client testimonial and review showcases
Blog post, article, and news carousels
Brand, client, and partner logo scrollers
Video galleries with lightbox playback
Team member and service sliders
External services
This plugin relies on the following third-party services. Please review their terms and privacy policies.
Swiper.js (unpkg CDN)
SlideVerse uses the open-source Swiper.js library to power slider functionality on the front end. The library files (swiper-bundle.min.js and swiper-bundle.min.css) are loaded from the unpkg content delivery network on pages where a slider is displayed. When a slider page loads, the visitor’s browser requests these files from unpkg, which means the visitor’s IP address and browser information are exposed to that service as part of the standard HTTP request. No other data is sent.
Swiper.js: https://swiperjs.com/
unpkg: https://unpkg.com/ — Terms: https://github.com/mjackson/unpkg#readme
YouTube and Vimeo (Video Slider only)
If you add a YouTube or Vimeo video to the Video Slider block, the video player is embedded from the respective service on the front end. These services may set cookies and collect data according to their own policies when the embedded player loads or is played. This only applies when you choose to embed YouTube or Vimeo videos.
YouTube Terms: https://www.youtube.com/t/terms — Privacy: https://policies.google.com/privacy
Vimeo Terms: https://vimeo.com/terms — Privacy: https://vimeo.com/privacy
Credits
SlideVerse is built on the open-source Swiper.js library. The Before & After block uses react-compare-slider.
