Title: Cosmic Slider
Author: cosmicinfosoftware
Published: <strong>2026 年 3 月 10 日</strong>
Last modified: 2026 年 4 月 16 日

---

搜尋外掛

![](https://ps.w.org/cosmic-slider/assets/banner-772x250.png?rev=3495619)

![](https://ps.w.org/cosmic-slider/assets/icon.svg?rev=3495619)

# Cosmic Slider

 由 [cosmicinfosoftware](https://profiles.wordpress.org/cosmicinfosoftware/) 開發

[下載](https://downloads.wordpress.org/plugin/cosmic-slider.1.0.1.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/cosmic-slider/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/cosmic-slider/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/cosmic-slider/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/cosmic-slider/#developers)

 [技術支援](https://wordpress.org/support/plugin/cosmic-slider/)

## 外掛說明

Cosmic Slider is a powerful and feature-rich WordPress slider plugin powered by 
[Swiper.js](https://swiperjs.com/), the most modern mobile touch slider library.
This plugin seamlessly integrates with the WordPress Gutenberg block editor, allowing
you to create beautiful, responsive sliders with rich content using blocks.

Unlike traditional image-only sliders, Cosmic Slider lets you build slides using
the full power of Gutenberg blocks – add images, text, headings, videos, galleries,
and any other block content to create engaging, interactive sliders.

### Presentation

[**Demo**](https://plugins.cosmicinfosoftware.com/cosmic-slider/) | [**Documentation**](https://documentation.cosmicinfosoftware.com/cosmic-slider/documents/getting-started/introduction/)

### Features

⭐ Powered by [Swiper.js](https://swiperjs.com/) – the most modern mobile slider
library
 ⭐ Gutenberg Block Editor Integration – Create slides using any Gutenberg
blocks (images, text, videos etc.) ⭐ 10+ Transition Effects – Choose from slide,
fade, flip, cube, cards effects etc. ⭐ Customizable navigation arrows with multiple
style options ⭐ Flexible pagination options: Bullets, Progress Bar and etc. ⭐ 
Autoplay functionality with customizable delay and time indicator ⭐ Background 
settings for both slider container and individual slides ⭐ Lazy loading images 
for better performance ⭐ Drag & drop to reorder slides ⭐ Shortcode support: `[
wpsp_slider id="123"]` ⭐ Grid layout support with customizable rows and columns
⭐ Compatible with all major themes and page builders ⭐ Thumbnail Gallery – Display
thumbnail gallery below the main slider with customizable size and spacing ⭐ Scrollbar
Navigation – Customizable scrollbar with position options (top, bottom, left, right)
and color control ⭐ Vertical Slider – Create vertical sliders with full height 
control ⭐ RTL Support – Right-to-left language support for international websites
⭐ Grid Layout – Enable grid layout with row or column options for multi-slide displays
⭐ Image Zoom – Pinch-to-zoom functionality for images on touch devices ⭐ Keyboard
Control – Navigate sliders using arrow keys ⭐ Mousewheel Control – Scroll through
slides using mouse wheel ⭐ Slides Grouping – Control how many slides advance at
once ⭐ Coverflow Options – Advanced coverflow settings (rotate, stretch, depth,
modifier, shadows) ⭐ Centered Slides – Center slides for better visual presentation
⭐ Slides View Auto – Automatic slides per view calculation ⭐ Fully responsive 
and mobile-friendly with touch gestures ⭐ Developer-Friendly – Extensible with 
filters and actions for customization

### External Services

This plugin includes the following open-source libraries:

 1. [Swiper.js](https://swiperjs.com/)
     A modern mobile touch slider library used to
    power the slider functionality. License: MIT
 2. wp-color-picker-alpha
     An extension script for WordPress Color Picker that adds
    support for RGBA colors with transparency. License: GPL-2.0+

## 螢幕擷圖

 * [[
 * Slider Frontend
 * [[
 * Slider Frontend – Dott Style
 * [[
 * Slider Frontend – Gutenberg Support
 * [[
 * Slider Frontend – Card Effects
 * [[
 * Slider Settings – Preview
 * [[
 * Slider Settings – Transition Options & Arrow Styles
 * [[
 * Slider Settings – Bullets Options
 * [[
 * Slider Settings – Autoplay Settings
 * [[
 * Slider Settings – Responsive & Other Options

## 安裝方式

 1. Upload the plugin to the `/wp-content/plugins/cosmic-slider/` directory or install
    it via Plugins > Add New.
 2. Activate the plugin through the Plugins menu in WordPress.
 3. Navigate to Cosmic Slider in the WordPress admin menu to create a new slider.
 4. Add slides using the Gutenberg block editor – each slide can contain any combination
    of blocks (images, text, videos, etc.).
 5. Configure slider options in the settings tabs: Transition, Navigation, Pagination,
    Autoplay, Responsive, and Other Options.
 6. Use the shortcode `[wpsp_slider id="SLIDER_ID"]` to display the slider anywhere
    on your site, where `SLIDER_ID` is the ID of your slider.

## 常見問題集

### How do I add a slider to my page?

Use the shortcode `[wpsp_slider id="SLIDER_ID"]` where `SLIDER_ID` is the ID of 
the slider post. You can find the shortcode in the slider edit screen sidebar.

### Does this plugin support responsive design?

Absolutely! All sliders are fully responsive and support touch gestures for mobile
devices. You can also configure responsive breakpoints in the settings.

### Will this work with my theme?

It works with most well-coded WordPress themes. For custom themes, minimal CSS adjustments
may be needed.

### Can I use multiple sliders on one page?

Yes! You can insert multiple sliders using different shortcodes on the same or different
pages.

### What animation effects are available?

The plugin includes 10+ transition effects: Slide, Fade, Flip etc. You can choose
any of these effects in the Transition settings tab.

## 使用者評論

這個外掛目前沒有任何使用者評論。

## 參與者及開發者

以下人員參與了開源軟體〈Cosmic Slider〉的開發相關工作。

參與者

 *   [ cosmicinfosoftware ](https://profiles.wordpress.org/cosmicinfosoftware/)

[將〈Cosmic Slider〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/cosmic-slider)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/cosmic-slider/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/cosmic-slider/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/cosmic-slider/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/cosmic-slider/)。

## 變更記錄

#### 1.0.0

 * Initial release
 * Swiper.js-powered responsive slider
 * Multiple transition effects (slide, fade, flip, cube)
 * Gutenberg block editor integration for slide content
 * Admin interface with tabbed settings
 * Customizable navigation arrows and pagination
 * Autoplay functionality with time indicator
 * Background settings for slider and slides
 * Shortcode output: `[wpsp_slider id="123"]`
 * Responsive design with mobile touch support

#### 1.0.1

 * WordPress 7.0 compatibility

## 中繼資料

 *  版本 **1.0.1**
 *  最後更新 **2 個月前**
 *  啟用安裝數 **少於 10 次**
 *  WordPress 版本需求 ** 5.2 或更新版本 **
 *  已測試相容的 WordPress 版本 **6.9.4**
 *  PHP 版本需求 ** 7.4 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/cosmic-slider/)
 * 標籤:
 * [block slider](https://tw.wordpress.org/plugins/tags/block-slider/)[block-editor](https://tw.wordpress.org/plugins/tags/block-editor/)
   [image slider](https://tw.wordpress.org/plugins/tags/image-slider/)[responsive slider](https://tw.wordpress.org/plugins/tags/responsive-slider/)
   [slider](https://tw.wordpress.org/plugins/tags/slider/)
 *  [進階檢視](https://tw.wordpress.org/plugins/cosmic-slider/advanced/)

## 評分

這個項目尚無任何評論記錄。

[Your review](https://wordpress.org/support/plugin/cosmic-slider/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/cosmic-slider/reviews/)

## 參與者

 *   [ cosmicinfosoftware ](https://profiles.wordpress.org/cosmicinfosoftware/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/cosmic-slider/)