slider Gutenberg block

Getwid Blocks: Media and Text Slider Gutenberg Block

Media and Text Slider Gutenberg block by Getwid is a perfect tool for creating WordPress slider plugins in the block editor. The slider is completely customizable from layout to slide and text animation effects.

It’s a bit more advanced version of the Getwid Image Slider block since it additionally allows you to add text content over slider images: it by default accommodates heading and paragraph containers.

Opting for a Gutenberg-optimized slider, you’ll significantly improve your website performance and will build sliders (which are usually quite resources-consuming) the native WordPress way.

Since this slider by default inherits styling output of your WordPress theme, this block will also work for you if you want to place a slider really quickly.

Hint: compared to other WordPress block editor addons, Getwid so far encompasses many more possibilities for building all types of sliders thanks to six different slider-focused blocks.

Purpose of the Media and Text Slider Gutenberg Block

media and text slider featured

This block will serve you in fulfilling the following purposes:

  • Front page hero sliders
  • Brand messages in the spotlight
  • Custom-made promo sliders.

Media and Text Slider Gutenberg Block Features

There are two things you’ll need to do in order to set up a slider: go through the general block slider settings and then customize each slider image individually (edit or delete text content). We are going to look into each option:

  • You can set the number of slider images and then upload them.
  • Set the preferable image size.
  • Designate a full or wide-width layout for the whole slider.
  • To fit into your WordPress theme, optionally set custom slider height and content width.
  • Change vertical and horizontal alignment for the heading and text.

slider gutenberg blockmedia and text slider image alignment

  • Customize the color of text.
  • To improve readability, apply an overlay color and set the needed overlay opacity.

slider gutenberg block media and text slider text color

  • Set padding parameters for more custom spacing.

slider gutenberg block media and text slider custom padding

  • Set slide or fade animation effect for slides.
  • Enable automatic slideshow with the optional pause on hover.

slider settings slider gutenberg block

  • Customize text animation.

slider gutenberg block media and text slider fade animation effects

Design Tips

  • If you need more styling and typography options for the slider heading and text containers, feel free to transform them into the Advanced Heading Getwid block. This will also allow you to create unique looks for each individual slide.

media and text slider heading transformation

  • General changes to the block settings will be globally applied to all slides, but you can alter the look of the text content for each slide separately.

Free Gutenberg Theme Made with Getwid Blocks

Getwid has it all for adding and customizing any type of content in WordPress so it can basically replace multiple plugins that do just one particular thing (e.g., a slider).

The theme-reliant pattern of behavior, nice settings flexibility, a well-coded block architecture and many more benefits come with a free Getwid plugin. Do you want to experience all its tools in the wild? Then download our multipurpose Getwid Base Starter theme for Getwid blocks and do less work-around since the theme is bundled with multiple block examples that can be imported in one click!

Here are all the links you might need:

Check out Getwid Demo

Download Getwid Gutenberg Blocks Free

Install Getwid Base Starter Theme for Gutenberg

Getwid Video Tutorials

Leave a Reply

Your email address will not be published. Required fields are marked *