Divi Supreme Pro

1. Do I have Divi Supreme Pro on my library website?
   

   The Divi Supreme Pro plugin has been installed on all IFLS, NWLS, and WVLS Divi websites and is being rolled out across WRLS as updates/rebuilds are happening. If the plugin is installed, you will see a “Divi Supreme Po” link in the black menu bar on the left side of the WordPress dashboard:

   

    

2.  What if it tells me I need to enter a license key?

   In some cases, it seems the license key has not been “sticking” on some websites. If you see this, please send a ticket to websitehelp@librarieswin.org so we can re-enter the license key.

   

   

3. Divi Supreme Pro dashboard menu
   When you open the Divi Supreme Pro dashboard, you will see tabs for “General Settings,” “Module Settings,” “Easy Theme Builder,” “Social Media Settings,” and “Misc.”

   We will not use Easy Theme Builder or Social Meida.

   In the following sections we will go through the settings for Divi Supreme Extensions and Modules.

   

The first menu you’ll encounter in Divi Supreme Pro settings is the Divi Supreme Extensions. Here you can turn features on and off. At this time we will use the following, and focus on training on the ones in bold:

• Scheduled Element
• Popup
• Readmore Content
• Custom Attributes

The Scheduled Element extension adds the ability to schedule a section, row, column, or module to appear/disappear from public view on your website, similar to how the “Schedule Post” and “PublishPress Future” plugin allow you to schedule WordPress posts on your website.

This can be an extremely useful function and potentially an alternative to using the WP Front Notification Bar if done well.

How it works:

When this feature is toggled on, this adds a new option, “Use Scheduled Element,”  to the Visibility menu item in the “Advanced” tab of any Divi Section, Row, or Module.

When toggled to Yes, this activates a series of options to change visibility of a section, row, column, or module based on date/time, business hours, or user type.

Dedicated training materials will be posted separately. You can read Scheduled Element Extension documentation here.

Hate scrolling through endless text, but have things you need to have said on your website?

The Readmore Content extension gives you the ability to collapse long text blocks in Text Modules, Blurb Modules, Call-to-action Modules, and Blog modules on you Divi page so those users who don’t need to read the information don’t need to scroll endlessly to get past it.

How it works:

When toggled to Yes, this activates the “Use Read More” option in these specific Divi modules:

• Text Module [shown above]
• Blurb Module
• Call-to-action Module
• Blog Module

Dedicated training materials will be posted separately. You can read Readmore Content Extension documentation here.

Native Divi is still missing a variety of basic features necessary for improving website accessibility. The Enable Custom Attributes extension allows us to add a few more of these tags without requiring us to write custom CSS code for every feature.

How it works:

When toggled to Yes, this activates the “Custom Attributes” menu in sections, rows, columns, or modules, which then can be turned on by toggling “Use Custom Attributes.”

Dedicated training materials will be posted separately. You can read Divi Custom Attributes extension documentation here.

The Divi Supreme Pro plugin comes with 60 new Divi modules. However, as with many things, more isn’t always better. Be cautioned that while some modules are very useful, many are highly graphic and just for show. These would likely cause accessibility issues.

The modules listed below are ones we don’t believe cause accessibility issues. [This list will change as we learn more about the modules and determine their accessibility score.]

We will cover these in more detail in additional documentation/trainings. Each module is linked to Divi Supreme documentation, but the documentation does not show examples of the module in use – see below for examples. 

• Advanced Tabs
• Before/After Image Slider
• Blog Carousel
• Business Hours
• Content Timeline
• FAQ
• Icon List
• Image Carousel
• Progress Bar

Documentation for all modules is also linked next to the module in the Modules Settings tab in the Divi Supreme Pro WordPress menu.

Here are some examples of the Supreme Pro Modules in action out on other websites. Note that they can me customized in other ways, so what you see here is not the only option.

Advanced Tabs

• WVLS K-12 Libraries

Business Hours

• New Lisbon Library
• Lawton Memorial Library
• Hammond Community Library

Content Timeline

• LEANWI Services

FAQ

• LEANWI FAQ

Icon List

• WVLS Technology Tips
• WVLS Collections and Databases

Progress Bar

• WVLS Makerspace and Equipment