Blocks

Slideshow Block

Table of Contents

The Slideshow block allows you to insert an image slideshow into a post or page.

To add a Slideshow block, use the Add Block button, or you can type /slideshow and press enter.

Detailed instructions on adding blocks can be found here.


Block Toolbar

Each block has its own block-specific controls that allow you to manipulate the block right in the editor.

The slideshow toolbar supports multiple alignments like wide and full width depending on the theme.
  • Align center
  • Wide width (when supported by the theme)
  • Full width (when supported by the theme)
  • Edit Slideshow
  • More Options

↑ Table of Contents ↑

Adding Images

When you add a Slideshow block, you’re given two options: Upload and Media Library.

Upload allows you to upload a new image or multiple images to the Slideshow block, while Media Library lets you select from previously uploaded images in your Media Library.


↑ Table of Contents ↑

Alignment

If you create your slideshow and later decide to add more images to it, you can do so using the Upload an image option below the slideshow you created:


↑ Table of Contents ↑

Edit Slideshow

Use the Edit Slideshow button, which looks like a pencil, if you want to add or remove images, or rearrange the order in which they appear.

Reordering Images

The images are added to the Slideshow in the order that you select them when in Edit Slideshow. You’ll notice a number next to each image when you select it. This number indicates what order the image will appear in your Slideshow block.

Reorder Images in blocks like Gallery and Slideshow
Reordering images in blocks like Gallery and Slideshow

↑ Table of Contents ↑

Block Settings

Every block has specific options in the editor sidebar in addition to the options found in the block toolbar.

WordPress Editor - Settings

If you do not see the sidebar, click the ‘cog’ icon next to the Publish button.


↑ Table of Contents ↑

Autoplay

Enable this option to have your slideshow move between images automatically.

When enabled, your slideshow will include a pause button allowing viewers to pause the slideshow. You can also select the length (in seconds) of the delay between automatic transitions:


↑ Table of Contents ↑

Effects

Choose the effect you want for your slide transitions (Slide or Fade):


↑ Table of Contents ↑

Advanced

The advanced tab lets you add a CSS class to the Slideshow block, which can be used to style the slideshow further with custom CSS code.

Not quite what you're looking for?

Get Help