內容簡介
bSlider 是一款強大的 WordPress 外掛，讓使用者能夠輕鬆創建響應式滑動顯示器，適用於圖片、文章、WooCommerce 產品和影片，並提供多種佈局、動畫和自訂選項，讓內容更具吸引力。
【主要功能】
• 短碼支援：可在任何位置插入滑動顯示器
• Gutenberg 區塊：在區塊編輯器中添加和配置滑動顯示器
• 無限滑動：可添加任意數量的滑動
• 簡易滑動管理：一鍵複製或刪除滑動
• 層動畫：為滑動中的每個區塊添加進入動畫
• 自動換行：長連結自動適應滑動範圍
外掛標籤
開發者團隊
② 後台搜尋「bSlider – Build Sliders That Bring Your Content to Life」→ 直接安裝（推薦）
📦 歷史版本下載
原文外掛簡介
Create responsive sliders for images, posts, WooCommerce products, and videos with multiple layouts, animations, and customization options in WordPress. Design and display carousels, grids, and thumbnail sliders directly in the block editor with simple block and shortcode support.
bSlider | Documentation | Pricing | Support | Demo
bSlider makes it easy to build engaging sliders without coding. Choose from smooth transitions like fade, slide, or flip, and customize titles, buttons, indicators, and arrows. Add slides quickly, reorder them with drag-and-drop, and adjust settings per device for fully responsive layouts.
You can use bSlider for product showcases, portfolios, testimonials, or hero sections. It works with any WordPress theme. You can add sliders using the Gutenberg block or place them anywhere with a shortcode.
Key Features – Free Version
Shortcode Support: Insert sliders anywhere, even outside Gutenberg.
Gutenberg Block: Add and configure sliders in the block editor.
Unlimited Slides: As many slides as you need.
Easy Slide Management: Duplicate or remove slides in a click.
Gutenberg Blocks Source: Build each slide from real WordPress blocks — headings, images, buttons, columns.
Layer Animations: Give any block in a slide an entry animation, with preset delays.
Loop Animations: Keep a layer moving after it arrives — Pulse and Bounce.
Hover & Click Actions: Grow, lift or fade on hover; open a link, scroll, or move the slider on click.
Visual Timeline: Every animated layer on one timeline, with its delay editable in place.
Layer Typography: Font, size, weight and spacing on any text layer, Google Fonts included.
Responsive Layers: Hide a layer per device, or show it without animating.
Slide Styling: Background, overlay, border, radius, padding and alignment, per slide.
Auto Word-Wrap: Long links break to fit the slide instead of spilling past it.
Carousel Layout: Looping autoplay carousels, horizontal or vertical.
Grid Layout: Responsive grids with adjustable column and row gaps.
Thumbnails Layout: Thumbnail navigation with overlay, autoplay and border options.
Grid Flexibility: Items per page, with Standard Button or Load More pagination.
Custom Slider Height: Set the height that suits your slider.
Slide Animations: Fade, slide and flip transitions.
Autoplay Controls: Autoplay on or off, with custom duration per slide.
Hover Pause: Pause the slider while the visitor is pointing at it.
Navigation Buttons: Left and right arrows with size, colour and radius controls.
Arrow Styling: Arrow size, height, width, border and colour.
Slide Indicators: Several indicator styles and positions.
Dynamic Indicators: Indicator type, position and direction.
Carousel Enhancements: Toggle arrows and indicators in one click.
Overlay Colors: Colour overlays for contrast behind text.
Content Positioning: Align slide content to the default or middle area.
Customizable Content Styles: Typography and design controls for titles and descriptions.
Slide Content Panel: Show or hide a slide’s title, description and button, and set the button label.
Content on Hover: Reveal the title, description and button only on hover.
Content Background: Tint the whole picture, fade colour in behind the text, or neither.
Picture Hover Effects: Zoom in, zoom out, or hold the picture grey until hover.
Linked Slide Pictures: The whole picture links where the button points, with a new-tab switch.
Selective Hover Controls: Choose exactly which parts appear on hover, independently.
Post Slider Options: Query posts by category or tag, with excerpts and content length.
Default Post Types: Posts, Pages and WooCommerce Products.
Post Per Page: Control how many items a slider pulls.
Advanced Sorting: Order by your own criteria, ascending or descending.
Post Offset: Skip posts to avoid duplication across layouts.
WooCommerce Slider: Product sliders with content length and excerpt controls.
ACF Fields on Slides: Up to three Advanced Custom Fields per slide, placed anywhere.
ACF Display Presets: Six looks for your fields, each with icon, label, prefix and suffix.
ACF Content Mapping: Use an ACF field as the slide image, title, description or button.
Post Badges: Publish date and author over a slide, each with its own icon and placement.
WooCommerce Product Price Badge: Regular and sale prices as a badge, or the sale price alone.
WooCommerce Sale Badge: A “Sale!” badge or the exact discount percentage.
Badge Animation: Pick the effect and delay, and space several so they cascade.
Badge Styling: One set of typography and colours for every badge.
Video Slider Options: Popup playback with repeat, mute, autoplay, reset or hidden controls.
Basic Video Controls: A large play button and a restart option.
Playback Settings: Auto-play, loop and muted starts.
Comprehensive Player Controls: Play/Pause, Mute, Rewind, Fast-Forward, progress, current time and duration.
bSlider Pro – Unlock Premium Features
bSlider Pro gives you more design power and control. Add advanced effects, flexible layouts, and interactive options to create engaging, professional sliders.
What’s New in the Pro Version?
Social & External Feeds Source: Build a slider from a YouTube channel, Instagram account, RSS feed or any JSON endpoint, cached on your schedule.
Feed Presets: Ready-made feed sliders — channel grid, player grid, theater, reels, card and hover-overlay.
Profile Header Card: Name, picture and follower count above the slider, with a Follow button.
Mini Player: A video that docks into a corner and keeps playing as the visitor scrolls.
Hover Preview: Point at a video slide and a preview plays in place.
YouTube Feed Controls: Filter by search term, playlist, or privacy status; group results and set thumbnail quality.
Player Options: Player theme, progress bar colour and lazy loading.
Dynamic Content: Bind a post or product to a slide and drop in Post Field blocks.
Post Field per Block: Point each field at its own post, so one slide can show several.
Convert to Core Blocks: Turn a Post Field into a real Heading, Paragraph or Image.
Carousel Layout for Block Slides: Two or three block-built slides side by side, with Swiper effects.
Lottie Animation Layer: Drop a Lottie JSON into a slide and play it as the slide arrives.
Exit Animations: Animate a layer out as its slide leaves, not only in.
Fine-tuned Timing: Set an exact delay and duration on any layer.
Advanced Loop Animations: Float, Flash, Shake and Swing, on top of the free Pulse and Bounce.
Word by Word Animation: Animate a heading or paragraph one word at a time.
Badge a Word: Give one word its own background, padding, corners and border, inside the sentence.
Hover Colour: Change a layer’s text and background colour on hover.
ACF Query – Sort by Custom Field: Order slides by any ACF field, as numbers or text, either direction.
ACF Query – Filter by Custom Field: Show only posts matching your rules, with all or any of them.
Rules Built From Your Fields: Each rule offers the comparisons and choices that suit the field.
Unlimited ACF Fields: As many Advanced Custom Fields per slide as you need.
Custom Post Type Sliders: Build a slider from any registered CPT — portfolio, services, testimonials.
Include/Exclude Posts & Products: Pick exactly which items to show or hide.
Exclude Current Post: Keep the post being viewed out of its own slider.
List Layout: A dedicated list layout with its own styling panel.
Advanced Carousel Styles: Ticker, grid and 3D carousel effects.
Slider Transition Effects: Professional animation effects between slides.
Dual Slide Direction: Horizontal and vertical movement paths.
Slide on Mouse Wheel: Navigate slides with the scroll wheel.
Slide on Mouse Drag: Drag-to-slide for a tactile feel.
Arrow Follow Mouse: Navigation arrows that follow the cursor.
Grab Cursor Interaction: A grab icon that shows the carousel can be dragged.
Custom Arrow Styles: Navigation arrow designs to match your branding.
Thumbnail Direction & Navigation: Thumbnail flow with its own arrows.
Thumbnail Styling: Position, dimensions, borders and colour overlays.
Box Model Controls: Margin, padding, border and border radius throughout.
Advanced Typography: Fonts, sizes and text behaviour on every part of a slide.
Interactive Color States: Separate colours for standard and hover states.
Animation Timing: Control animation duration and start delay.
Clickable CTA Buttons: Custom button labels and URLs in slide content.
Smart Link Behavior: Open button links in a new tab.
Badge & Field Icon Library: Icons from Font Awesome, Bootstrap or Lucide instead of emoji.
Custom HTML Wrapper Tags: Tags like h1–h6 for better structure and SEO.
Left/Right Inner Gap: Internal spacing between slider items.
Move From Edge: Control the spacing of content from the slider edges.
Pagination Position: Alignment for pagination buttons in grid layouts.
Lazy Load Enable: Defer offscreen images for faster pages.
Advanced Video Tools: Mute, PIP, AirPlay, Download and Fullscreen.
Video Reset On End: Restart a video from the beginning once it finishes.
Video Auto Hide Controls: Hide the playback UI while the visitor is idle.
Upgrade to Pro to unlock all premium features.
How to Use bSlider – Quick Start Guide
Getting started is easy!
Follow these steps:
Step-by-Step Setup
Go to Plugins → Add New.
Search for bSlider.
Click Install Now, then Activate.
In the block editor, add the bSlider block, choose a slider type and layout, configure settings, and publish.
Or insert the provided shortcode anywhere to show your slider.
Enjoy smooth, responsive sliders on your site!
Live Demo | Try the Pro Version
For installation help click on Installation Tab
Video Tutorials
Short walkthroughs of what the plugin can do. The first two cover this free version and are linked
from inside the plugin, at the point each one is about. The rest cover the Social & External Feeds
source, which is a Pro feature — they are here so
you can see how it works before deciding.
Works in this free version
Building slides out of Gutenberg blocks
Slide content, post badges and WooCommerce badges
Pro only — Social & External Feeds
Getting YouTube access for private and unlisted videos
Creating a YouTube Data API key
Social feeds from start to finish
Mapping a JSON feed onto slides
Getting an Instagram Access Token
Watch the whole playlist
User Feedback
⭐⭐⭐⭐⭐ Super easy to use, and responsive support
❛❛Been very happy with our pro purchase. Did have a few issues, but the developer is very responsive and supports this plugin well.!❜❜
–sboutsource
⭐⭐⭐⭐⭐ Just what I needed
❛❛Even better than some premium blocks!❜❜
–stlcodescape
⭐⭐⭐⭐⭐ easy-to-use page image + dynamic text configuration plug-in
❛❛Hello:
Gutenberg’s simple and easy-to-use page image + dynamic text configuration plug-in look terrific!
Thank you!❜❜
–hlv356168
⭐⭐⭐⭐⭐ Excelente plugin
❛❛Very easy to use!❜❜
–jsdeoleo
– Did you like this plugin? Dislike it? Have a feature request? Please share your feedback with us
Check out our other WordPress Plugins
HTML5 Audio Player – Best audio player plugin for WordPress.
PDF Poster – A fully-featured PDF Viewer Plugin for WordPress.
StreamCast – A fully-featured Radio Player Plugin for WordPress.
3D Viewer – Display interactive 3D models on the webs.
Source Code
You can find the source code, report bugs, and contribute to the development of this plugin on our GitHub repository:
BSlider on GitHub
Third-Party Libraries
This plugin bundles the following third-party JavaScript/PHP libraries.
Bootstrap
Source: https://getbootstrap.com/
GitHub: https://github.com/twbs/bootstrap
License: MIT – https://github.com/twbs/bootstrap/blob/main/LICENSE
Purpose: Provides responsive carousel/slider functionality, grid layout, and UI components used in the slider interface.
Plyr
Source: https://plyr.io/
GitHub: https://github.com/sampotts/plyr
License: MIT – https://github.com/sampotts/plyr/blob/master/LICENSE.md
Purpose: A simple, accessible HTML5 media player used for video slide playback with customizable controls.
LazyLoad
Source: https://github.com/verlok/vanilla-lazyload
GitHub: https://github.com/verlok/vanilla-lazyload
License: MIT – https://github.com/verlok/vanilla-lazyload/blob/master/LICENSE
Purpose: Enables lazy loading of slide images to improve page performance by deferring off-screen image loading.
Swiper
Source: https://swiperjs.com/
GitHub: https://github.com/nolimits4web/swiper
License: MIT – https://github.com/nolimits4web/swiper/blob/master/LICENSE
Purpose: Powers the Carousel, Grid and Thumbnails layouts, including their transition effects.
animate.css
Source: https://animate.style/
GitHub: https://github.com/animate-css/animate.css
License: MIT – https://github.com/animate-css/animate.css/blob/main/LICENSE
Purpose: Provides the entry and loop animations applied to slide content and layers.
Font Awesome
Source: https://fontawesome.com/
GitHub: https://github.com/FortAwesome/Font-Awesome
License: SIL OFL 1.1 (Fonts), MIT (CSS) – https://fontawesome.com/license/free
Purpose: Provides scalable vector icons used for slider navigation arrows and UI elements.
bpl-tools
Source / GitHub: https://github.com/bPlugins/bpl-tools
License: GPL-2.0-or-later – https://www.gnu.org/licenses/gpl-2.0.html
Purpose: Shared utility library providing admin dashboard components and common Gutenberg editor controls.
External Services: The library may connect to bPlugins, WordPress.org, and Freemius services for product data and checkout functionality. See full details: https://github.com/bPlugins/bpl-tools#external-requests–why-they-are-made
Freemius Lite SDK
Source: https://bplugins.com/
GitHub: https://github.com/bPlugins/freemius-lite-sdk
License: GPL-2.0-or-later – https://www.gnu.org/licenses/gpl-2.0.html
Purpose: Provides an opt-in consent form for usage tracking and analytics to help improve the plugin. No data is sent before explicit user consent.
External Services: Communicates with api.bplugins.com (activation events) and wp.freemius.com (opt-in processing) only after user opt-in. See bPlugins Privacy Policy and Freemius Privacy Policy.
External Link (Placeholder Image)
Source: https://bblockswp.com/wp-content/demo/img/green-hill.jpg
Source: https://templates.bplugins.com/wp-content/uploads/2025/02/n-39.jpg
Source: https://templates.bplugins.com/wp-content/uploads/2025/02/n-37.jpg
Purpose: This image is hosted on our own server and is strictly used as a fallback/dummy placeholder in the editor preview when a user has not yet selected or uploaded their own image content. It is not loaded on the frontend for site visitors.
