- Add Modules to a Page
- Hide Theme Elements via Blank Page Template
Once you have a module [?] designed and ready to publish you’ll need to add it into a regular piece of WordPress content, such as a post or page. Here you’ll learn how to do so via the special Slider Revolution block that comes with the plugin, or via shortcodes.
Note: This article assumes you are familiar with adding content to WordPress posts and pages via the Gutenberg block system. If you are new to Gutenberg blocks you can learn how to work with them at: https://wordpress.org/gutenberg/
In your WordPress page or post editor, add a new block of the type Slider Revolution.
Hover over the module you want and click the “+” button to insert it.
Once a block has been inserted you can modify its settings by clicking the button at the top right corner:
In the block settings dialog box you can control how your module interacts with the layout of the rest of your site:
Under Module Layout you can switch between Auto Width, Full Width and Full Screen. These are the module size settings we covered in our earlier guide on creating blank modules.
Under Block Offsets you can add empty space around each side of the module.
Back on the Slider Revolution block, you can also click the Select Module button to choose a different module:
And you can click the little pencil icon to go straight into the module editor [?] to make modifications to the module:
If you want to use a shortcode instead of a Slider Revolution block, locate the module you would like to use in the main Slider Revolution plugin area. Hover over the module, click the down arrow on the bottom right, then click Embed.
After clicking Embed, the Standard Module Embedding window will open. Copy the first shortcode listed by clicking the blue button to its right:
Paste the copied shortcode directly into your WordPress post or page editor. A Gutenberg shortcode block will be automatically created:
Once you have used either a block or shortcode to add a module to your WordPress post or page you can publish it. Visit that post or page on the front end of your WordPress site to see the module(s) displayed.
Sometimes you might use Slider Revolution modules to create a design that needs to take up the full browser viewport, such as a landing page or complete website. If this is the case, you’ll need a way to hide theme elements such as menus, headers and so on.
In the next guide you’ll learn how to hide unwanted theme elements by using Slider Revolution’s in-built blank page template.
When you view a published module [?] in your website you will also see elements of your WordPress theme by default
For example, in the image below we have published the Bubble Morph Hero module, but you can also see the site title, navigation menu, page title and so on:
Example of a published module with theme elements also visible.
If you only want your Slider Revolution modules to appear, such as when you are creating a one page site or a landing page, you can use the in-built Blank Template.
In the sidebar of the post or page you are working on, look for the Slider Revolution panel and toggle the Blank Template switch to ‘On’.
This will hide all the elements of your theme, allowing you to display just your modules. For example, the following image shows the same example from above with the Blank Template applied:
Example Bubble Morph Hero module published with Blank Template toggled to ‘On’.
Additionally, if you know in advance you are going to need a blank page when you are creating a module from a template [?] , you can toggle the Create Blank Page option in the template information panel during the creation process:
With this option active, as part of the template-based module creation process Slider Revolution will:
After the modules have been created from your selected template a dialogue box will appear giving you a link to edit the new page, as well as a Visit Page button to view it:
If you are creating multiple modules at once, such as when you use a Slider Revolution complete website template package, all the modules will be added to your new page in the correct order.
The example below shows an automatically created page with correctly ordered modules from the Storyblocks website template:
Good work, you’ve now finished learning all the basics of Slider Revolution in our Getting Started section of the manual.
In the next major section of the manual we’re moving from basic to intermediate editing, so you can do more to leverage Slider Revolution’s library of ready-to-go content.
You’ll start by learning some extra module editing techniques, you’ll then start sinking your teeth into how to work with animation in Slider Revolution, and finally you’ll get a foundation in how to make sure modules are responsive, i.e. suitable for all device sizes.