Slider Block
A slider carousel block for WordPress with SwiperJS
★ 25stars
18forks
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/colorful-tones/slider-block/archive/refs/heads/main.zipDeclares an update source (null), so updates arrive through the plugin's own updater.
From the readme
Slider Block plugin
Fork it, or download the latest release, and make it your own!
This is a demonstration of how you might create a custom Slider Block, which is a slider carousel UI. We're using SwiperJS (3rd-party dependency) for the slider JavaScript and CSS (mostly).
Installation
Manual
1. Upload the slider-block folder to the plugins directory (typically wp-content/plugins) in your WordPress installation.
2. Activate the Slider Block plugin.
3. Create a new post or page, and insert the Slider block.
4. That's it.
Changelog
0.1.2 – 2023-12-04
- 🐛 FIX: missing memoization
- 👌 IMPROVE: Allowed Blocks = core/cover only
0.1.1 – 2023-12-04
- Major refactor 😎:
- Remove need to have two custom blocks: Slider and Slide ("parent": ['wpe/slider]). This was just unnecessary and mildly confusing. We're ultimately utilising InnerBlocks and useInnerBlocksProps() to nest things.
- Create constants.js to try and allow builders to drop in their own default blocks for slides.
- Generally "cleaner" codebase.
0.1.0 – 2023-11-28
Initial release, which includes:
- Slider Block which uses SwiperJS (v11.0.5)
Resources
- Need help converting your block markup to PHP nested arrays
Read the full README on GitHub →
Releases
These releases are tags only. The author does not attach a packaged zip, so there are no download counts to report.