benrgreene

<p>This is a plugin that adds sliders to the Gutenberg editor! It introduces two new blocks:</p>
<ol>
<li>Gutenberg slider container</li>
<li>Gutenberg slider block</li>
</ol>
<p>Gutenberg Slider Container</p>
<p>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.</p>
<p>There are a couple settings for the Slider Container block:</p>
<ol>
<li>Arrows: this is to set whether or not the slider has navigation arrows.</li>
<li>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.</li>
<li>Dots: Whether or not the slider has navigation dots.</li>
<li>Dot Color: this is the color of the dots, doesn’t apply when dots aren’t displayed.</li>
<li>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.</li>
</ol>
<p>Gutenberg Slider Block</p>
<p>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.</p>
<p>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.</p>
<p>This block can only be added to the Slider Container block, it will not be available anywhere else.</p>


Ben's Slider for Gutenberg

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.

Works well, easy to use

Kevin Bazira

<p>Algori Video and Image Slider is a Gutenberg Block Plugin that enables you easily add video and image sliders to your website.</p>
<p>Capture your site visitors’ attention with compelling image slideshows, hero images/videos, header sliders and image carousels. <strong>This will boost user engagement and increase revenue for your site</strong>.</p>
<p>This free plugin has a lot to offer. Even more can be found in the Premium version of this Plugin, please see <a href="http://www.kevinbazira.com/blog/article/algori-image-and-video-slider-pro-for-wordpress-gutenberg#features" rel="nofollow ugc">all features of the Premium plugin here</a>.</p>
<h3>Features of the free image slider</h3>
<ol>
<li>Hide/Show Navigation Dots</li>
<li>Hide/Show Navigation Arrows</li>
<li>Enable/Disable Slideshow Autoplay</li>
<li>1 slider dot style</li>
<li>1 slider arrow style</li>
</ol>
<h3>Features of the premium version</h3>
<ol>
<li>14 different slider dot styles</li>
<li>14 different slider arrow styles</li>
<li>Add text with call to action button on top of slider</li>
<li>Hide/Show Navigation Dots</li>
<li>Hide/Show Navigation Arrows</li>
<li>Enable/Disable Slideshow Autoplay</li>
<li>Hide/Show Pause Autoplay on Click</li>
<li>Disable/Enable Right to Left Direction</li>
<li>Enable/Disable Vertical Direction</li>
<li>Enable/Disable Slide Fade</li>
<li>Enable/Disable Lazy Load</li>
<li>Enable/Disable Center Mode</li>
<li>Disable/Enable Infinite Slider Loop</li>
<li>Adjust Slider Animation Speed</li>
<li>Adjust Slider Autoplay Speed</li>
<li>Show multiple slides</li>
<li>Scroll multiple slides</li>
<li>Show slides in rows</li>
<li>Adjust slider video settings ( autoplay, muted, controls, loop, and much more … )</li>
<li>Set left, right, center, wide and full width alignments for image slider.</li>
</ol>
<p>Most of these features are enabled by default and can’t be disabled or adjusted in the free version. We released a Premium Plugin with many more exciting features that will enable you to adjust all the slider settings as you wish.</p>
<p>Have a look at the <a href="https://codecanyon.net/item/algori-image-and-video-slider-pro-for-wordpress-gutenberg/22818690" rel="nofollow ugc">Premium Plugin here</a>.</p>
<h3>How to use</h3>
<ol>
<li>After installing and activating the “Algori Image and Video Slider” plugin in your WordPress website.</li>
<li>Navigate to your blog post or page and use the Gutenberg editor to add an “Image & Video Slider” block.</li>
<li>Use the “Image & Video Slider” block to upload images/videos or choose images/videos from the media library to create your image slider or image carousel.<br />
PS: In order to choose multiple images in the media library press keyboard button “Ctrl” on Windows or “Command” on Mac, then click on your images to select them.</li>
<li>At this point, you can adjust your slider settings using the Gutenberg block inspector section.
<ul>
<li>Hide/Show Navigation Dots</li>
<li>Hide/Show Navigation Arrows</li>
<li>Enable/Disable Slideshow Autoplay</li>
</ul>
</li>
<li>Click “Publish” to view your new web page with an image slider.</li>
<li>Congratulations 😀</li>
</ol>


Algori Video and Image Slider

Algori Video and Image Slider is a Gutenberg Block Plugin that enables you easily add video and image sliders to your website.

Ben's Slider for Gutenberg vs Algori Video and Image Slider