Gutenslider – The last slider block you will ever need.

Description

Gutenslider is an image and video slider plugin for WordPress that adds a simple to use block to your WordPress editor. You can add any content on top that you want! Sliders will increase user engagement on your website. Gutenslider is faster and slicker than any other slider around. Go and try it out yourself.

Live Examples

With Gutenslider, enhancing your blog or website is easier than ever:

  1. Simply add the Gutenslider Block from the Gutenberg backend
  2. Select images from your Media Library
  3. Add any Block you like on top
  4. Customize Gutenslider to your needs in the backend
  5. Slide! ๐Ÿ‘ฉโ€๐ŸŽค

Gutenslider is easy to use, fast, and very powerful and developed by trusted developers.

Plugin Features

  • Add Unlimited Slides
  • Change the transition mode: fade/slide
  • Add any block on top that you want
  • Alignment: Wide, Full, Left, Right, Center
  • Arrows on/off
  • Arrow size
  • Dots on/off
  • Dots size
  • Spacing: top/bottom and left/right
  • Full Screen version (slider will be in the background of your content).
  • Very easy to use because it is a Gutenberg block – no need to go away from your backend editor

Plugin Pro Features ๐Ÿ’Ž

  • Videos backgrounds
  • Transition time
  • Time of a slide
  • Color overlays of slides
  • Arrow color
  • Arrow style
  • Dots color
  • Dots style
  • Responsive Spacing Controls
  • … and of course all free features

Upgrade

So you can easily create Full Screen Video Background with Gutenslider Pro. And even go more custom by, creating Full Screen Video Background ! Sliders !. There is no limit to your creativity.

Slider Modes

Changing Content

The slider mode you will most probably know. Each slide has a custom background and custom content.

Fixed Content

In this mode you select fixed content, that will stay on top, while the background changes and loops all slides. Great for headlines, call to actions. You name it!

Gutenslider is built using WordPress, CSS, Javascript, best practices both on the front and the backend. And it’s seo optimized. It makes use of the new Gutenberg powers built in react. As a result, it is robust, easy to use and lightning fast. It works with any theme. Go and check it out.

Help us get better

We know, that Gutenslider is nice, but we also know, that we can constantly improve. Not only code quality and security, but also features and user experience. For the latter, we need your help. If you think that we should change things. Be so kind and leave us a support or feature request in the support forum. Thanks.

Installation ๐Ÿ”ง

Minimum Requirements

Youโ€™ll need WordPress version 5.0 or higher for this to work. For versions below 5.0, you will need to use the Gutenberg plugin.

Quick and Fast

  1. Go to the Plugins Menu in WordPress
  2. Search for “Gutenslider”
  3. Click “Install”
  4. Activate the Gutenslider Plugin on your Plugins Menu

Experienced Users (same result)

  1. Upload the gutenslider folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress

Frequently Asked Questions โ“

What blocks are supported

Gutenslider works with any blocks on top. However there might be styling issues or things to improve. Either write your own custom css or submit a support request in the support forum. If it is a commonly used block, we will integrate the needed styles into Gutenslider.

Can I use Gutenslider with any theme?

Yes, you can use Gutenslider with any theme. If you experience difficulties, please contact your theme author first, before submitting a topic in the support forum.

Is Gutenslider free?

Yes! Gutenslider’s core features are absolutely free.

Can you provide support?

Yes, just post a question on the support tab, and we will answer as soon as possible.

Can you add this feature I need?

We are happy to extend Gutenslider to our users’ needs. Just contact us on our website at https://gutenslider.org and we will see what we can do.

What is Gutenberg

To get the full experience of the next-generation WordPress block editor, youโ€™ll need a Gutenberg-ready WordPress theme then install the Gutenberg WordPress plugin or simply update your site to WordPress 5.0. Thatโ€™s it! ๐Ÿ’ฅ

Visit us ๐Ÿ”—

Visit us on https://gutenslider.org to see a full overview
of features or follow our blog.

Powered by

Gutenslider is made possible by awesome developers who release their code under reusable licenses. We use the following open source software:

Screenshots

  • Gutenslider in Action (Frontend)
  • Gutenslider Creation (Backend + Frontend)

Blocks

This plugin provides 1 block.

eedee/block-gutenslider

Reviews

Nice and Simple

It does what I needed for one of my client's blogs, however it would be great to allow each slide to have different content. That would offer much more flexibility. What is really great is, that we can add any blocks that we want on top. So all the gutenberg power can easily be deployed using this block / plugin.

the great flexibility

Gutenslider is slick & flexible. You can arrange your art/photos etc. however you like. this is what I got it for & this is what it does. simple as that. thanks!! hasselman
Read all 5 reviews

Contributors & Developers

“Gutenslider – The last slider block you will ever need.” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

2.5.2

  • update description and wrong links

2.5.1

  • fix an issue that did not allow custom class names

2.5.0

  • add inner block background color for easier visual grepping

2.4.3

  • remove blinking of the slider when fade mode is set

2.4.2

  • Improve fade Transition to fade more smoothly

2.4.1

  • improve fade transition

2.4.0

  • make user experience much better by preloading first slide

2.3.2

  • add slider a background color to show when loading

2.3.1

  • style fixes
  • change default spacing to 30px

2.3.0

  • add more image sizes to improve page loading speed – recommended plugin: regenerate thumbnails

2.2.5

  • improve ui and add introduction video

2.2.4

  • improve ui to show block inserter better

2.2.3

  • include dashicons on frontend

2.2.2

  • fix a bug with responsive image preloading

2.2.1

  • fix a bug with multiple sliders per page

2.2.0

  • include imagesLoaded for smother sliding

2.1.0

  • Reorder backend for better user experience
  • add arrow styles
  • add dot styles
  • fix image drop upload
  • fix error with old WordPress Versions without register_block_type
  • update icons

2.0.4

  • Increase user experience by fixing an error when dropping files on Gutenslider Block

2.0.3

  • Enable block alignment left, center, right
  • style inner blocks

2.0.2

  • Style inner blocks

2.0.1

  • Fix dynamic block frontend

2.0.0

  • Add sliding content mode
  • Make Gutenslider a dynamic block

1.1.1

  • Update Styles for more default block integration (twitter, soundcloud, spotify, youtube)
  • Update Readme

1.1.0

  • Block Deprecation now works, removed unneeded scripts, smaller size

1.0

  • First Version