You can use sliders to promote various items on your site, show recent news at a glance or for whatever else you’d like it to show. This article will go through a few methods of adding & editing Sliders using the Wilkins IT Theme on your website.
Using the Visual Builder

Our Wilkins IT theme includes a visual builder feature which allows you to place and edit elements on the page in real-time, this enables you to quickly put a page together and know what it will look like as you build it. This is generally the easiest way to build or edit a page. This section will guide you through using the visual builder to add and set up a Slider module.

We’ll start from when you’ve begun creating a new post (or page). In some cases the Wilkins IT Builder won’t be the default editor for a new page, if that’s the case you’ll see a button that says “Use the Wilkins IT Builder” when you’ve started creating a new page which you can click on. Once you’ve clicked it the interface will change slightly and you should see another button that says “Use the Visual Builder” which you should click on.

This will load the visual builder for you and if it’s a new post you’ll see a mostly blank page ready to be edited.

(We’ll be assuming you’re starting a new page so if you’re editing existing content some of these steps can be excluded)

Entering into the Visual Builder

Now that we’re in the visual builder, if you’re creating a new page you’ll first need to create the Row which will contain the Slider module (and can contain other modules as well). Click the green plus button that appears when you move your cursor over the main area, then choose the size of the row you’d like to use. For this example we’re using a standard one column layout.

Note: If you prefer you can add what’s called a Fullwidth Row, these rows span the entire width of the page and can only be populated by specific fullwidth modules. If you’re adding a Fullwidth Row you must click the blue coloured plus button to add a Fullwidth Row in the visual builder, otherwise all the following steps should be very similar.

Adding a row

Next move your cursor inside the new row section you added and click the gray plus button to add a module. You can search for the module you’d like to add or browse through all of the available modules. Find the Slider module and click on it.

Adding a module
Choosing the Slider module

The Slider Settings pane will open and allow you to configure the Slider module however you’d like. Sliders work by adding individual slides within the module itself, under the Content section click the gray plus button to add a new slide.

Adding a Slide inside the Slider module
Configuring an individual slide inside the Slider module

After you’ve finished configuring the slide to your preferences, click the green check mark button in the bottom right of the Slide Settings pane. This will return you to the Slider Settings pane. Add however many slides you’d like by repeating the above process. If you need to remove a slide click the trash icon button to the right of the slide’s name, if you need to make a change to an existing slide you can click the gear icon button to do so.

How to edit existing Slides inside a Slider module

When you’re done making changes you can click the green check mark button in the bottom right of the Slider Settings pane to save those changes in the slider. You should see the slider on the site looking as it would on the website. If you want to make further changes to it, hover your cursor over top of it then click the gear icon button in the gray box that appears within that section and that will re-open the Slider Settings for further editing.

How to edit an existing Slider module

When you’ve finished adding the Slider and configuring it click the purple button along the bottom of the page with the ellipsis in it, then click either Save Draft or Publish or if the page is already published it will say Save.

The visual builder options button
Saving the page in visual builder
(example showing a non-published page)
Using the Standard Builder
Using the standard builder is relatively simple once you get used to it, all the same features are available as using the visual builder minus the ability to view what the page will look like at the same time. This section guides you through adding and editing a Slider module using the standard builder interface.

We’ll start from when you’ve begun creating a new post (or page). In some cases the Wilkins IT Builder won’t be the default editor for a new page, if that’s the case you’ll see a button that says “Use the Wilkins IT Builder” when you’ve started creating a new page which you can click on. You’ll know you’re using the standard builder if you see two buttons near the top for “Use Default Editor” and “Use Visual Builder“. In the standard builder everything is broken into sections and rows while modules go inside rows.

(We’ll be assuming you’re starting a new page so if you’re editing existing content some of these steps can be excluded)

The standard builder default look when creating a new page or post

Note: If you prefer you can add what’s called a Fullwidth Row, these rows span the entire width of the page and can only be populated by specific fullwidth modules. If you’re adding a Fullwidth Row you can click Fullwidth Section which is beside Standard Section located just under the blue Section module. Aside from the visual difference the steps are very similar to configuring a standard Slider module.

Adding a Fullwidth Section

Click + Insert Column(s) to add a new column - for this example we’re using the standard single column. After you’ve selected a column layout click on + Insert Module(s) to bring up the add module pane. Locate the Slider module (they’re in alphabetical order) and click on it to view the Slider Module Settings pane.

Adding an individual Slide

The Slider module is made up of individual slides, to create a new slide click the + Add New Slide button at the top of the Slider Module Settings pane. This will open up the individual Slide Settings pane. Configure the Slide to your preferences and when you’re done click the Save button along the bottom of the settings pane. Repeat the process to add more slides to the Slider if you need. If you need to edit an existing slide click the 3 horizontal lines button for the individual slide, to delete an extra slide just click the X button to the right of the slide name.

Note: There is a preview option you can use to get a quick look at what the Slider will look like. From the Slider Module Settings pane click the eye icon button along the bottom of the pane in the middle. To exit the preview click the X button in the same location.

Individual Slides inside the Slider module

When you’ve finished configuring the Slider Module to your preferences, click Save along the bottom of the pane. If you’ve finished editing the page you can locate the Publish section on the right hand side of the page and click either Save Draft, Publish or Update (if the post is already published), or if you just want to see how it will look click Preview Changes which will load an unpublished copy of the page for you to review.

Saving the page when using the standard builder
Summary
That’s our basic overview of Sliders and configuring them. There is a great deal of customization available for whatever your needs may be, including using videos and images within Sliders to make them stand out and grab your readers attention. Explore a bit and you should find you can in most cases achieve what you need with Slider modules! If you have further questions or we missed something important don’t hesitate to Contact Us!

Pin It on Pinterest

Share This