WP Manifestindependent plugin directory
manifest / editor / cs-splide-slider

CS Splide Slider Block

SplideJS based slider in form of a Wordpress Plugin targeted towards Developers

by Erin McGowan | Frizzant · github.com/frizzant/cs-splide-slider · website

★ 0stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/frizzant/cs-splide-slider/archive/refs/heads/main.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
Readme github.com/frizzant/cs-splide-slider ↗

Displays Content in a Slider

Description

Gutenberg block for displaying content in a slider with the amazing SplideJS Slider. By default it includes a non locked 'core/cover' block. SplideJS Docs: https://splidejs.com/

Installation

This section describes how to install the plugin and get it working. This block is based upon Wordpress create-block. See https://developer.wordpress.org/block-editor/reference-guides/packages/packages-create-block/ for more detailed information ob building etc.

e.g.

  1. Build the plugin with npm run build
  2. Upload the plugin files to the /wp-content/plugins/cs-slider directory.
  3. Activate the plugin through the 'Plugins' screen in WordPress

Frequently Asked Questions

How do I change SplideJS slider settings?

The file './src/options.json' contains an object that is passed to the 'frontend.js' script. You can simply add your options there, then rebuild the project with 'npm build'.

What is the innerBlockWrapper.js for?

This file is used to wrap the inner blocks in the slider. Due to the nature of gutenberg it is not directly possible to allow block-variations with specific attributes to be added. This is a workaround to get blocks with presets to work.

Screenshots

  1. This screen shot description corresponds to screenshot-1.(png|jpg|jpeg|gif). Note that the screenshot is taken from the /assets directory or the directory that contains the stable readme.txt (tags or trunk). Screenshots in the /assets directory take precedence. For example, /assets/screenshot-1.png would win over /tags/4.3/screenshot-1.png (or jpg, jpeg, gif).
  2. This is the second screen shot

Changelog

0.1.0

  • Release