In my tutorial “Build Your Own Plugin: A Simple Plugin to Easily Embed A Divi Section Or Module Within Another“, I showed you how to create a plugin which would allow you to embed a Divi Module or Section almost anywhere. Now, as you can image, that opens up endless possibilities. So, while creating that tutorial, I decided I’d create this tutorial to demonstrate that plugin together with another free plugin I discovered recently called “Slide Anything” which, believe it or not, can slide anything!
For this example, I’ve used a gif, you can check out the actual example on diviplayground.com.
Create and Install the Simple Divi Shortcoder Plugin
The first step in this exercise is to create the “Simple Divi Shortcoder” plugin. It’s a really easy procedure, so don’t be put off by the prospect of building it. If you really don’t want to build it yourself, you can purchase a copy of a more sophisticated plugin called Simple Divi Shortcode from the creator of the tutorial that inspired me to write the tutorial in the link above. In essence, my tutorial or this plugin let’s you use sections or modules from the Divi Library as shortcodes almost anywhere on your site.
Install the Slide Anything Plugin
The next step is to install the Slide Anything plugin from the WordPress repository. It lets you create beautiful, touch enabled, responsive carousels and sliders. The content for each slide can be anything you want including images, text, HTML, and even shortcodes.
Build the Modules or Sections and Create the Slider
In the example above, I created three simple modules using the Divi Person Module. Once you’ve created the modules or sections, make a note of their IDs and then head over to SA Sliders in the WordPress dashboard, and create a new slider, inserting the shortcode [showmodule id=”InsertIDhere“] into each slide, replacing the “InsertIDhere” text with the ID of the Divi Module or Section that you want to use in that slide. Something to remember is to enable shortcodes in the slider you’ve just created. You do this by simply checking the “Allow Shortcodes” checkbox which you’ll find in the Slider Settings panel of the slider you’ve just built.
Adding The Slider
Now, all that’s left to do is to insert the shortcode of the slider into the page or post where you want to use it. You can find the shortcode on the Edit Slider page. The slider includes a number of useful settings including 11 transitions which you might want to play around with.
Wrapping It Up
Any there you have it, a free and easy way to slide anything, and as I said earlier, the combination of these two plugins opens up endless possibilities, so go ahead and unleash your creativity on this one!
If you have any trouble with the Slide Anything plugin, please request support from the plugin developer.
Support Divi Notes
Divi Notes started as a way to document my own WordPress and Divi web design/development journey and, to my delight, has grown to become a helpful resource to many other Divi users out there. If you’ve found Divi Notes to be useful in your journey, I’d appreciate it if you would consider supporting me using the form below.