How To Use The Included Divi Modules
In this module we will cover how to use the included Divi modules. These can be found in the Divi theme and also the Divi Builder plug-in which can be added to any WordPress installation. Persson Technologies includes Divi technology at no extra charge to all of our customers.
In this module we will cover these topics:
- Which modules are included in Divi at no extra charge
- How to add a slider to a page/post and configure it
- Adding a sidebar to a page/post and configuring it
Which modules are included in Divi at no extra charge
As mentioned in a previous article, there are several modules built into Divi. Without Divi, several of these would need to be added using individual plug-ins gathered from several different companies across the Internet. Since these modules are all part of Divi you can rest assured they will always work and they will not conflict. Shown here is a master list of all the modules that can be added within a Divi page or post. For more details regarding each module you can click on the name of the module on this page. In this tutorial we will show you how to actually add some modules to a page or post and how to configure these modules. These steps should be similar for any module you might want to add but of course there might also be special settings that only relate to each module type.
Adding a slider to a page or post
To add a new slide to the slider you simply click on the “add new slide” control. There are several other options shown in this image. I have hidden the arrows on the left and right of each slide that would allow manual scrolling through the slides. I have also hidden the controls at the bottom of the slide that would permit the user to navigate to any slide in the series. I have enabled automatic animation so the slider will scroll through the slides. There are many more configuration options that are not covered here as this is just a brief introduction to the slider module.
Please note that when adding images to a slider it is wise to resize the images so the slider and your web page in general will be more responsive. Using 2 MB image files would not be ideal. In this case I am re-sizing these images so the width is 800 pixels.
How to add a sidebar to a page/post and configure it
I find the location of the sidebar configuration to be somewhat difficult to remember. When I look for the configuration I might look in the general theme options, the module options for the sidebar, or as a last resort the configuration options for the specific instance of the sidebar on the page or post. All of those locations are wrong. The sidebar is a widget container so you need to enter the Widgets page in the Appearance section of the dashboard. Note that configuration changes here affect all sidebars regardless of their location.
It is also possible to download additional widgets from the web to add to your sidebar or other widget containers.
Here is an index to all the articles in this tutorial series:
- Introduction to WordPress Part One - WordPress Basics
- Introduction to WordPress Part Two - WordPress Themes, Plug-ins, and Updates
- Introduction to WordPress Part Three - Introduction To Divi
- Introduction to WordPress Part Four - How To Use The Included Divi Modules
- Introduction to WordPress Part Five - How To Use Divi Tweaks
- Introduction to WordPress Part Six - A Brief Introduction to Search Engine Optimization
- Introduction to WordPress Part Seven - WordPress Advanced Topics