blablablocks-slider-block/README.md
punitverma123 4376eb303d Improve slider block controls, transforms, tests, and release packaging
- Add Gallery, multi-image, and Columns transforms into Slider
- Add Auto/Custom slides-per-view support and allow zero autoplay delay
- Improve image slider media selection flow
- Add theme-aware navigation and pagination color support
- Add unit and E2E test coverage
- Update release packaging to exclude dev files and include runtime assets
2026-07-09 12:44:51 +05:30

5.4 KiB

BlaBlaBlocks Slider Block

Getting Started Wiki Playground Demo Link WordPress Plugin Version

Overview

BlaBlaBlocks Slider Block is a WordPress plugin built specifically for the Block Editor, allowing you to create responsive sliders effortlessly.

Requirements

  • WordPress 6.6+
  • PHP 7.4+

Installation

Automatic

  1. Go to Plugins → Add New in your WordPress dashboard.
  2. Search for Blablablocks Slider Block.
  3. Click Install Now and then Activate.

Manual

  1. Download latest release from GitHub
  2. Visit Plugins → Add New
  3. Upload blablablocks-slider-block.zip file
  4. Activate BlaBlaBlocks Slider Block from the plugins page

Composer

For Composer-based WordPress projects, require the plugin as a wordpress-plugin package:

composer require lubusin/blablablocks-slider-block

If your project installs WordPress plugins outside the default wp-content/plugins path, configure that in the consuming project's Composer installer paths.

Development

1. Clone the Repository

Clone the repository to your local system:

git clone git@github.com:lubusIN/blablablocks-slider-block.git

2. Go to plugin folder

cd blablablocks-slider-block

3. Install Dependencies

npm install

4. Build Plugin

Build or start the development environment:

npm run build       # Compile the source files
# OR
npm run start       # Watch for changes and auto-compile

5. Launch Playground

Start a local WordPress Playground instance:

npm run serve 

Local Playground requires Node.js 20.18 or newer.

Note

Refer to package.json for additional available npm commands.

6. Run Tests

Run unit tests and static checks:

npm run test:unit
npm run lint:js
npm run lint:css

End-to-end tests target an existing WordPress installation with this plugin active. Provide its URL and administrator credentials:

WP_BASE_URL=http://localhost:10017 \
WP_USERNAME=admin \
WP_PASSWORD=password \
npm run test:e2e

Meet Your Artisans

LUBUS is a web design agency based in Mumbai.

License

BlaBlaBlocks Slider Block is an open-sourced plugin licensed under the MIT license