內容簡介
Makeiteasy Slider 是一款基於區塊的滑動外掛，利用 Swiper 滑動器的速度與靈活性，讓使用者能夠輕鬆創建自訂的滑動效果，並充分發揮 WordPress 區塊編輯器的功能。
【主要功能】
• 插入任意區塊作為滑動內容
• 靈活的 JSON 配置選項
• 輕量快速，僅依賴 Swiper 函式庫
• 開發者友好，源碼完全開放
外掛標籤
開發者團隊
原文外掛簡介
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.
NEW!
I am accepting suggestions for new features and improvements.
If you have an idea, please open an issue on GitHub
or write here in support section.
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, …
