內容簡介
GutSlider 是一款專為 WordPress 區塊編輯器（Gutenberg）設計的全方位滑動與輪播外掛。它提供了一系列原生滑動區塊，讓使用者可以輕鬆地在頁面上建立圖片滑動、內容滑動、文章輪播等，無需使用短碼或頁面建構器。
【主要功能】
• 支援多種內容滑動：圖片、影片、文本等
• 條件性資源加載：僅在使用滑動區塊的頁面加載
• 完全響應式設計：桌面、平板和手機的間距與排版設定
• 自訂導航與分頁：樣式、位置、顏色等可調整
• CSS 進入動畫：每個元素可設定動畫延遲
• 支援 Lightbox：全螢幕顯示輪播照片
外掛標籤
開發者團隊
② 後台搜尋「GutSlider – All in One Slider and Carousel Blocks for Gutenberg」→ 直接安裝（推薦）
📦 歷史版本下載
原文外掛簡介
GutSlider is an all-in-one slider and carousel plugin for the WordPress block editor. Build hero sliders, post carousels, video galleries, testimonial sliders, logo strips, before-after comparisons and scrolling marquees right on the page. No shortcodes, no page builder, no code.
Pick a ready-made design, drop in your content, and see the result live in the editor. Every block is built with native Gutenberg components, so it feels like part of WordPress.
Fast by design. Scripts and styles load only on pages that use a slider. Each page gets one minified CSS file instead of inline styles, and there is no jQuery. Swiper JS handles smooth, hardware-accelerated sliding.
👉 See every block live in the demos · Compare Free and Pro
✨ Why Choose GutSlider
🎨 Design picker in every block – start from a polished, ready-made design and adjust it in the sidebar.
🧩 Slide any content – images, video, headings, buttons or any other block.
🖱️ Interactive motion – slides that react to the mouse with depth, 3D tilt and spotlight effects, plus magnetic buttons.
⚡ Lightweight – conditional asset loading, one CSS file per page, no jQuery.
📱 Fully responsive – separate Desktop, Tablet and Mobile values for spacing, columns, typography and more.
🎛️ Complete slider controls – autoplay, loop, speed, effects, centered mode, free mode and columns.
🧭 Custom navigation and pagination – styles, positions, sizes, colours and gaps.
♿ Accessible – keyboard support, pause buttons and respect for the reduced-motion setting.
🔤 Google Fonts and typography – a full typography panel on every text element.
📚 Block patterns library – ready-made slider layouts you can insert and edit.
🔌 Enable or disable blocks – switch off the blocks you don’t use from the GutSlider dashboard.
🌍 Translation ready – fully internationalised and RTL friendly.
🆓 Free Slider and Carousel Blocks
Static Slider – a hero slider with image, heading, text and buttons, entrance animations for each element, pointer effects (depth, 3D tilt, spotlight) and magnetic buttons.
Flexible Slider – slide any block content, with Hero and Cards designs and full background controls.
Testimonial Slider – reviews with photo, rating, name and designation.
Photo Carousel – image carousel with lightbox and a 3D Coverflow design.
Logo Carousel – client and brand logo carousel.
Before After Slider – drag, fade or toggle between two images, with labels and several designs.
Video Carousel – YouTube and Vimeo videos. Add many links at once, and titles and thumbnails fill in by themselves.
Blog Post Slider – dynamic post slider with query controls, related posts and Magazine Hero and Card Carousel designs.
Marquee – an endlessly scrolling strip for logos, text or images, with Logo Strip, Text Ticker and Announcement Bar designs, a steady pixel speed, separators, fade edges, slow down or stop on hover, and a live motion preview in the editor.
🚀 GutSlider Pro: Make Every Slider Stand Out
The free blocks cover the essentials. GutSlider Pro adds premium blocks, premium designs and features for sliders that get noticed, rank better and convert.
15 extra premium blocks
Shader Slider – WebGL shader transitions between slides.
Shutters Slider – slides open and close like window shutters.
Slicer Slider – images slice apart as they change.
Fashion Slider – bold, editorial slider for fashion and lifestyle brands.
Triple Slider – three images moving together.
Card Slider – stacked, swipeable cards.
Hover Slider – hover a title to reveal its image.
Tinder Slider – swipe cards left and right.
Spring Carousel – springy, physics-style motion.
Panorama Carousel – a curved, panoramic view.
3D Carousel – a rotating 3D ring of slides.
Material Carousel – Material-style expanding slides.
Marquee Carousel – a continuous image marquee.
WooCommerce Product Carousel – sell more with product sliders.
WooCommerce Product Categories Carousel – guide shoppers to your categories.
Premium designs for the free blocks
Static Slider – Split Hero, Glass Card and Card Carousel.
Flexible Slider – Split, Fullscreen, Stacked Cards and Ticker.
Testimonial Slider – Center Cards, Avatar Switcher, Marquee Wall, Swipe Deck, 3D Coverflow and Glow Cards.
Photo Carousel – Showcase, Polaroid Stack, Film Ticker and Expanding Panels.
Before After – Glass Handle, Rounded Card, Split Labels and Dark Studio.
Video Carousel – Cinema, Playlist and Video Cards.
Blog Post Slider – Overlay Grid, Featured + List and Minimal Timeline.
Marquee – Testimonials, Image Strip and Tag Cloud.
Premium features
🔍 SEO schema markup – video rich results (VideoObject) for the Video Carousel and ItemList markup for the Blog Post Slider.
🎬 Before-after video comparisons – compare two videos playing in sync, not just images.
🖼️ Multiple comparisons in one block – switch between before-after pairs with thumbnails.
▶️ Auto-play and fullscreen for before-after comparisons.
🎥 Video extras – play in a lightbox, preview on hover, silent looping backgrounds, custom thumbnails and custom end times.
🎬 Content reveal for the Static Slider – subtitle, title, description and buttons play in one cinematic sequence. Choose words rise, letters flip, blur in or mask reveal, and a slow, normal or fast pace. It replays on every slide and waits until the slider is on screen.
✨ Content animations and background effects for the Flexible Slider.
🌊 Marquee motion – up to three rows moving in opposite directions, marquees that move with page scroll, drag or swipe to move, and reverse or speed up on scroll.
🗂️ Slide names as tabs – turn any Flexible Slider into a tabbed showcase.
📱 Per-device slide visibility and responsive background images.
🔗 Wrapper links – make a whole slide clickable.
🧭 Remote navigation – control a slider from buttons anywhere on the page.
🧷 Detached content and thumbnail gallery navigation for the Static and Blog Post sliders.
💬 Priority support from the team that builds GutSlider.
👉 Upgrade to GutSlider Pro. Your existing free sliders keep working as they are, and the Pro options unlock in the same sidebar.
🔗 Useful Links
All Demos
Documentation
Get GutSlider Pro
External Services
Google Fonts – When you select a Google Font in a block’s typography settings, the font stylesheet is requested from https://fonts.googleapis.com and the font files from https://fonts.gstatic.com on the pages where that block appears. Visitors’ IP address and browser user agent are sent to Google as part of that request. No request is made if you only use system or theme fonts.
Google Terms of Service: https://policies.google.com/terms – Google Privacy Policy: https://policies.google.com/privacy
YouTube and Vimeo – The Video Carousel block embeds videos from YouTube (https://www.youtube.com, https://www.youtube-nocookie.com) and Vimeo (https://player.vimeo.com) on the pages where it is used, and loads their thumbnails from https://i.ytimg.com and https://i.vimeocdn.com. In the editor, the “Get title and thumbnail” option asks your own site’s oEmbed proxy, which contacts YouTube or Vimeo. Visitors’ IP address and browser user agent are sent to these services when a video or thumbnail loads. The GutSlider dashboard also shows a GutSlider video from https://www.youtube-nocookie.com; nothing is loaded from YouTube until you press play.
YouTube Terms of Service: https://www.youtube.com/t/terms – Google Privacy Policy: https://policies.google.com/privacy – Vimeo Terms: https://vimeo.com/terms – Vimeo Privacy Policy: https://vimeo.com/privacy
Third Party Libraries
Swiper JS (MIT) – slider and carousel engine.
fslightbox – image lightbox for the Photo Carousel block.
