Ben's Slider for Gutenberg

Description

This is a plugin that adds sliders to the Gutenberg editor! It introduces two new blocks:

1. Gutenberg slider container
2. Gutenberg slider block

Gutenberg Slider Container

This is the wrapper for the slider. All blocks that are direct descendents of this wrapper block will be the slides. All block types are supported.

There are a couple settings for the Slider Container block:

1. Arrows: this is to set whether or not the slider has navigation arrows.
2. Arrow Content: this is to set the content for the nav arrows (seperate settings for both arrows). Doesn’t apply when arrows aren’t displayed.
3. Dots: Whether or not the slider has navigation dots.
4. Dot Color: this is the color of the dots, doesn’t apply when dots aren’t displayed.
5. Timer: Setting a value will add a timer for the slider to auto navigtate between slides. A value of “0” means there is no timer.

Gutenberg Slider Block

A special block that is designed to be used in the slider container. This contains a media selector, which you can use to select a background for the slider. There is also a section for adding child blocks, which will be the slider content displayed over the background.

All options for child blocks (such as text settings) are honored. So you can still set color, font size, etc for your content to create rich content.

This block can only be added to the Slider Container block, it will not be available anywhere else.

Screenshots

Reviews

Great plugin

ButtonPusher July 24, 2019

Great plugin, works well

Saved my day

Ervin Domonkos February 8, 2019

A simple plugin that does what it promises without issues. Great job!

Works well, easy to use

Clicknathan December 20, 2018

Suggestions though: – Why is the background grey in the editor? That seems off. – Being able to more easily style, without adding a ton of bloat, the circles and arrows would be nice.

Contributors & Developers

Changelog

1.1

• Moved the slider options to the block settings panel in the sidebar

1.2

• Added slider options for navigation arrow content and dot color.