內容簡介
總結：Creative Slider Block 外掛使用 WordPress 區塊編輯器的強大功能輕鬆製作美麗且具有響應式設計的滑塊。使用者可以將專用的滑塊區塊添加到頁面或文章中，展示各種內容組合，以動態和視覺吸引力的方式呈現。此外，Creative Slider Block 讓使用者完全控制每個幻燈片，客製化版面設計和動畫，打造與網站設計完美契合的獨特滑塊。
問題與答案：
1. Creative Slider Block 這個外掛提供什麼特色？
- 利用 Swiper JS 技術：外掛採用功能強大的 Swiper JS 函式庫，提供高性能、流暢過渡和行動友好的設計。
- 靈活的內容選項：在滑塊上添加任何 Gutenberg 區塊，結合文字、圖片、影片、按鈕等內容，創建多功能滑塊。
- 進階的滑塊客製化：控制滑塊的各個方面，從自動播放設定到過渡速度、循環選項、導覽和分頁選項。
- 響應式且支援觸控：滑塊完全支援響應式並支援觸控，確保在所有設備上都能提供流暢的使用體驗。
- 在編輯器中預覽：直接在 WordPress 區塊編輯器中預覽滑塊，輕鬆查看即時變更，無需保存或刷新頁面。
2. 如果想要修改或重建外掛的資源檔案，應該如何操作？
- 在這個外掛的 /src 資料夾中包含未壓縮的 JavaScript 和 CSS 檔案的原始碼。
- 若要修改或重建資源，需依照以下步驟進行：
- 安裝相依性：npm install
- 執行開發版本構建：npm run start
- 創建生產版本構建：npm run build
外掛標籤
開發者團隊
原文外掛簡介
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
