mirror of
https://gh.wpcy.net/https://github.com/lubusIN/blablablocks-slider-block.git
synced 2026-07-13 20:26:24 +08:00
4376eb303d
- 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
112 lines
5.4 KiB
Markdown
112 lines
5.4 KiB
Markdown
<p align="center"><img width="250" src=".github/bsb-logo.svg"></p>
|
|
|
|
|
|
|
|
[](https://github.com/lubusIN/blablablocks-slider-block/wiki) [](https://playground.wordpress.net/?blueprint-url=https://raw.githubusercontent.com/lubusIN/blablablocks-slider-block/playground/_playground/blueprint-github.json) [](https://wordpress.org/plugins/blablablocks-slider-block/)
|
|
|
|
## 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](https://github.com/lubusIN/blablablocks-slider-block/releases) 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:
|
|
|
|
```bash
|
|
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:
|
|
|
|
```bash
|
|
git clone git@github.com:lubusIN/blablablocks-slider-block.git
|
|
```
|
|
|
|
### 2. Go to plugin folder
|
|
|
|
```bash
|
|
cd blablablocks-slider-block
|
|
```
|
|
|
|
### 3. Install Dependencies
|
|
|
|
```bash
|
|
npm install
|
|
```
|
|
|
|
### 4. Build Plugin
|
|
|
|
Build or start the development environment:
|
|
|
|
```bash
|
|
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:
|
|
|
|
```bash
|
|
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:
|
|
|
|
```bash
|
|
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:
|
|
|
|
```bash
|
|
WP_BASE_URL=http://localhost:10017 \
|
|
WP_USERNAME=admin \
|
|
WP_PASSWORD=password \
|
|
npm run test:e2e
|
|
```
|
|
|
|
## Meet Your Artisans
|
|
|
|
[LUBUS](https://lubus.in/?utm_source=github&utm_medium=open-source&utm_campaign=blablablocks-slider-block) is a web design agency based in Mumbai.
|
|
|
|
<a href="https://cal.com/lubus">
|
|
<img src="https://raw.githubusercontent.com/lubusIN/.github/refs/heads/main/profile/banner.png" />
|
|
</a>
|
|
|
|
## License
|
|
|
|
BlaBlaBlocks Slider Block is an open-sourced plugin licensed under the [MIT license](LICENSE)
|
