前言介紹
- 這款 WordPress 外掛「Makeiteasy Slider」是 2025-01-01 上架。
- 目前有 400 個安裝啟用數。
- 上一次更新是 2025-02-25，距離現在已有 68 天。
- 外掛最低要求 WordPress 6.6 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.4 以上。
- 有 3 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
lovor |
外掛標籤
block | slider | swiper | carousel |
內容簡介
### 總結：
這個 WordPress 外掛使用區塊來製作滑動功能，充分利用 Swiper 滑動器的速度和多功能性。使用者可以將任何區塊插入作為滑動幻燈片，透過 JSON 配置實現靈活的設置，同時保持輕量且快速的功能。開發者可以輕鬆存取完整的源代碼，進行自定義設置並使用鉤子進行操作。
### 問題與答案：
1. 這個 WordPress 外掛的特色是什麼？
- 🥇 可以將任何區塊插入作為滑動幻燈片，完全發揮 WordPress 區塊編輯器的功能。
- 🥈 提供靈活的配置方案，使用者可以透過輸入 JSON 配置來充分利用 Swiper 滑動器的功能範圍。
- 🥉 擁有輕量且快速的特性，只使用 Swiper 庫作為依賴項目。
- 🌟 開發者友好，源代碼完全公開，方便使用鉤子進行自定義設置。
2. 如何進行 JSON 配置？
- 使用者可以前往 Swiper 文件中的 Parameters 部分找到所需的參數。
- 有些功能的更詳細配置可以在頁面下方的 Modules 部分進一步獲取。
- 撰寫 JSON 時，將所需參數轉換為 JSON 格式，並在區塊側邊欄的高級滑動配置部分輸入。
- 用這樣的方式融合 JSON 配置和 swiper 運行所需的默認配置。若功能出現問題，則可能是由於錯誤的配置，需要檢查這些配置。
3. 針對開發者，有哪些資源可供參考？
- 使用者可以在 GitHub 上獲取完整的源代碼，進行代碼調查，根據需要進行調整，並進行協作。
原文外掛簡介
Block based slider, leverages the speed and versatility of the Swiper slider.
Key Features
🥇 Insert Any Block as a Slide: No restrictions! Use the full power of the WordPress block editor.
🥈 Flexible Configuration: Use Swiper’s full range of features by entering the JSON configuration.
🥉 Lightweight & Fast: Uses only Swiper library as dependency.
🌟 Developer-Friendly: The source code is fully available, making it easy to customize with hooks.
JSON configuration how to
Head to Swiper docs, to Parameters section to find parameter you need.
More elaborate configuration for some features is available further below on page, in Modules section.
Once you found the parameters you need, write them as JSON instead as javascript object, i.e.:
{
autoplay: {
delay: 6000,
disableOnInteraction: true
},
pagination: {
clickable: true
}
}
would be written as
{
"autoplay": {
"delay": 6000,
"disableOnInteraction": true
},
"pagination": {
"clickable": true
}
}
And enter them on settings tab in block sidebar under Advanced slider configuration section.
You can learn more about JSON in Stackoverflow blog or on W3schools page.
Your JSON configuration merges with default configuration needed for swiper to run. You can break slider functioning through misconfiguration, so this is the first place to look if something does not work.
There is a built in syntax checker in Advanced slider settings box,
Developers
There is a full source code on github. You can investigate code, adjust it to your needs, collaborate, …
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Makeiteasy Slider」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.0.0 | 1.0.1 | 1.0.2 | 1.0.3 | 1.0.4 | trunk |
延伸相關外掛（你可能也想知道）
Carousel Slider Block for Gutenberg 》這款外掛是一個響應式輪播編輯器，適用於 Gutenberg 編輯器。, 功能, , 可以添加無限多個輪播, 每個輪播都可以添加任意區塊, 在編輯器中可以即時預覽輪播效果...。
XO Slider 》XO Slider 是一款外掛，可讓您輕鬆建立滑動輪播。, 特點, , 支援縮圖導航、輪播和內容顯示。, 使用 Swiper 作為滑動輪播腳本。, 前端不使用 jQuery。, 支援影...。
WP Swiper 》WP Swiper Gutenberg Block 是最現代化的免費手機觸摸式滑塊，具有硬體加速轉換和驚人的本機行為。它旨在用於移動網站、移動 Web 應用程序和移動本機/混合應...。
Slide everything for Elementor 》此外掛可以將容器元素創建為簡單的 Swiper 輪播器，需要啟用 Flexbox。, 使用方法, , , 創建一個水平容器並賦予 ID (進階-CSS ID), 添加多個子容器（即幻燈片...。
Swiper Js Slider 》Swiper Js Slider/Carousel with Multirow (多行) is a simple and highly effective WordPress plugin that can be easily used. It is the most modern mob...。
Swiper (LITE) 》Swiper 讓您能夠嵌入 Tinder 風格的卡片，並使用文章或頁面的內容。使用者可以往左滑動以「不喜歡」，或往右滑動以「喜歡」。喜歡的內容將會被儲存在下方的列...。
Swiper – 3D Coverflow Effect for visual composer [WPBakery Page Builder] 》Swiper 是一個現代化的免費手機觸控滑動套件，具有硬體加速的切換效果以及出色的本地行為。它旨在用於行動網站、行動網頁應用程序和移動本地/混合應用程序。,...。
Product Gallery Swiper for WooCommerce 》HTML Bulleted list with Traditional Chinese text:, , - ,
- Product Gallery Swiper for WooCommerce透過整合Swiper庫以提升商品列表部...。
Good Slider 》這個外掛提供一個非常簡單的滑動區塊，採用Swiper為基礎。, 目前，該外掛在編輯器介面中還不能提供任何滑動區塊的配置，但是提供了許多 PHP 過濾器勾子以改變...。
SlideVerse – The Ultimate Slider Block for Gutenberg 》摘要：SlideVerse 是一個建立在 Swiper.js 上的 WordPress 外掛，讓您可以直接在 Gutenberg 編輯器中建立現代化、支援觸控的滑塊。它提供了一種簡單而靈活的...。
Slide Blocks 》**WordPress 外掛概要：**, , - 使用區塊界面操作滑塊外掛 VEGAS2 和 SWIPER，並提供在網站上展示的區塊。, - 提供兩個捆綁的區塊：Fade MainView 用於操作和...。
Ashtabula 》此外掛允許您在 WordPress 中使用受歡迎的Swiper.js函式庫。, 這是一個極簡主義的外掛程式，用於顯示縮放卡片輪播圖。, , 在大屏幕設備上，輪播圖將呈現水平...。