Looking for a more flexible way to work with images in the new WordPress block editor?
In this post, we’ll show you how you can use Toolset Blocks to create your own static or dynamic image sliders and galleries in the block editor.
If you’re not familiar with Toolset, it’s a suite of tools that help you work with custom content and dynamic WordPress sites.
It can help you add and display custom post types, custom fields, and more. And with Toolset Blocks, you can do all of that using native WordPress block editor.
WP Mayor readers can get an exclusive 20% discount when they purchase Toolset.
Below, we’re going to focus on one specific part of Toolset Blocks – images.
Keep reading to learn how it works and how it can help you build better WordPress sites.
How Does Toolset Blocks Help With WordPress Images?
Toolset Blocks helps you display your WordPress site’s content using the native WordPress block editor – no code required.
We previously wrote about Toolset Blocks here.
You might be saying, “Colin, the block editor already lets you display content – that’s the entire point!”.
The difference with Toolset Blocks is that it also helps you display custom content, like custom fields and taxonomies that you’ve added with Toolset. You can even use the block editor to design the templates for any custom post types that you’ve created.
I’m getting a bit off track, though, because this post is about images.
With Toolset Blocks v. 1.2, you get access to two image-focused blocks:
- Gallery – create grid, masonry, or collage galleries.
- Image Slider – create sliders and carousels with different layouts, captions, and more.
Both of these blocks let you create galleries or sliders from a static set of images, along with plenty of options to control the style and layout of your galleries/sliders.
However, where these blocks get more useful, and where they differentiate themselves from other gallery and slider block plugins, is that you can also dynamically insert images into your galleries and sliders from anywhere on your site.
You could upload images using a custom field that you’ve added with Toolset and then automatically insert those images in a gallery. You could even create a template for a custom post type that you’ve added and then automatically fill the gallery that way.
For example, on a real estate website, you could create a “House” custom post type with an image repeater field to upload images of each house’s interior. Then, you could use those images to dynamically populate a gallery that appears as part of each house’s listing.
Cool, right? I’ll show you how this works in the next section.
How to Use the Toolset Image Blocks With Static Content
Now, I’ll show you step-by-step how to use the new Toolset gallery and slider blocks.
For each block, I’ll
This article was written by Colin Newcomer and originally published on WP Mayor.