外掛說明

Creative Slider Block plugin uses the power of the WordPress Block Editor to create beautiful and responsive sliders with ease. You can add a dedicated slider block to your pages or posts, allowing you to showcase any combination of content in a dynamic and visually engaging way. The Creative Slider Block provides you with complete control over each slide. Customize layouts and animations to create unique sliders that fit perfectly with your website’s design.

Features

Powered by Swiper JS: The plugin leverages the powerful Swiper JS library, known for its high performance, smooth transitions, and mobile-friendly design.
Flexible Content Options: Add any Gutenberg blocks to your slides, allowing you to combine text, images, videos, buttons, and more to create versatile sliders.
Dynamic Content Sliders: Easily create sliders that automatically display your latest posts or any other content type, keeping your site fresh and engaging.
Advanced Slider Customization: Control every aspect of your slider, from autoplay settings and transition speed to looping options, navigation and pagination options.
Responsive and Touch-Enabled: Sliders are fully responsive and touch-enabled, ensuring a smooth user experience on all devices.
Preview in Editor: Preview your slider directly in the WordPress block editor, making it easy to see your changes in real-time without needing to save or refresh the page.

Source Code

The unminified source code for the plugin’s JavaScript and CSS files is included in the /src folder of this plugin.

To modify or rebuild the assets, follow these steps:

Install dependencies: npm install
Run the development build: npm run start
Create a production build: npm run build

螢幕擷圖

Slider settings

適用於區塊編輯器

這個外掛提供 3 個可供 Gutenberg/區塊編輯器使用的區塊。

Creative Slider Gather blocks into a slider.
Slide Post Template Contains the block elements used to render a post.
Slide A single slide within a Creative Slider block.

安裝方式

In your WordPress dashboard go to Plugins > Add New Plugin.
Search for Creative Slider Block in the Search Plugins bar.
Click the Install Now button next to the plugin’s name.
Click Activate to activate the plugin.
Creative Slider Block will be added to the Design block category in the editor.

常見問題集

Can I use it with any theme?: Yes, you can use the block with any theme.
What blocks are supported?: You can use any blocks to create the slides. However there might be styling issues.
Can I use multiple sliders on the same page?: Yes, you can add multiple Creative Slider Blocks to a single page, and each slider will operate independently.
Will it slow down my site?: No, Creative Slider Block is light-weight and it only loads scripts on the pages where the block is used.

使用者評論

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

參與者及開發者

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

TevaStudio

將〈Creative Slider Block〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣？

任何人均可瀏覽程式碼、查看 SVN 存放庫，或透過 RSS 訂閱開發記錄。

變更記錄

1.2.0

Added: Carousel block variation.
Added: Slider Navigation option enhancements.
Added: Slider Pagination option enhancements.
Added: Loading indicator option to display a spinner while slider content is loading.
Added: Ability to control available settings through block variations (transition settings, navigation, pagination).
Improved: Background image sizing and positioning to prevent gaps during slider parallax effect.

1.1.0

Added: Query-based slider and query controls for filtering posts by type, order, taxonomy, author and more.
Added: Slide Post Template block for rendering post content in slides.
Fixed: Remove Auto-height support with vertical slide direction.
Updated : Freemius SDK 2.11.0.

1.0.2

Updated : Freemius SDK 2.9.0.
Fixed: Navigation buttons not displayed properly in RTL layouts.
Improved: Adding attributes as a dependency to the useEffect hook in SlidesPreview component.

1.0.1

Included the src/ folder.
Updated prefix to prevent conflicts.

1.0.0

Release