Divi of Elegant Themes is one of the most popular WordPress drag and drop page builders. This tutorial will guide you how to add WordPress shortcode to Divi page builder.
How to add tabbed content to WordPress posts, pages and widgets
Using WordPress tabs to organise and display different sections of content on your webpage will make it much easier for visitors to browse the page and find what they are looking for.
This tutorial will guide you how to add tabbed content to your WordPress pages, posts or widgets. There are 3 steps in this tutorial:
- Step 1 - Install WordPress premium plugin Wonder Tabs
- Step 2 - Add HTML content or WordPress pages to tabs
- Step 3 - Publish the tabs and add the tab group to a WordPress page, post or widget
How to add a WordPress audio player with playlist to Divi theme
This tutorial will guide you how to add a WordPress audio player with playlist to Divi page builder of Elegant Themes.
There are 3 steps in the tutorial:
- Step 1 - Install Wonder Audio Player
- Step 2 - Create a WordPress audio player with playlist
- Step 3 - Add the WordPress audio player to Divi page builder
How to add a WordPress logo carousel to Divi theme
Divi page builder of Elegant Themes is one of the best WordPress drag and drop page builder on the market. This tutorial will guide you how to add a WordPress logo carousel to the Divi visual builder.
There are 3 steps in this tutorial:
- Step 1 - Install Wonder Carousel
- Step 2 - Create a WordPress logo carousel
- Step 3 - Add the logo carousel to Divi visual builder
How to open a PDF file in lightbox popup in Divi theme
Divi of Elegant Themes is a popular WordPress theme and features a powerful drag & drop WordPress page builder. This tutorial will guide you how to open a PDF file in a lightbox popup in Divi page builder.
There are 3 steps in this tutorial:
- Step 1 - Install Wonder Lightbox and Wonder PDF Embed
- Step 2 - Upload PDF file to WordPress Media Library and get the URL
- Step 3 - Activate PDF lightbox popup on button, image or text:
- Open PDF lightbox popup when clicking a button
- Open PDF lightbox popup when clicking an image
- Open PDF lightbox popup when clicking text
At the end of the tutorial, we will also discuss how to automatically open a PDF lightbox popup on page load.
- Additional 1 - Automatically open PDF lightbox on page load
- Additional 2 - Open the lightbox only once
How to only display one category in a WordPress gallery with multiple categories
In this tutorial, first we will learn how to create a WordPress gallery with multiple categories. A demo created with the tutorial is as follows: WordPress Gallery with Category Filter. You can click the category buttons on top of the WordPress gallery to show different categories.
In some cases, you may want to add the same WordPress gallery to other webpages, but only want to display one of the category. In the second part of the tutorial, we will learn how to only display one of the categories by using gallery shortcode attributes.
Continue reading
How to automatically open a lightbox popup on page load
This tutorial will guide you how to automatically open a lightbox popup on page load. You can display image, webpage, PDF document, YouTube, Vimeo or HTML5 video in the lightbox popup.
There are three steps in the tutorial:
- Step 1 - Install Wonder Lightbox
- Step 2 - Get the URL of the image file, PDF document, HTML video file, YouTube or Vimeo embed URL
- Step 3 - Add HTML code to the WordPress page to create an auto popup
In step three we will learn how to add the HTML code to WordPress classic editor, Gutenberg editor and Elegant Themes Divi page builder.
We will also discuss how to popup the lightbox only once and how to autoplay YouTube, Vimeo and HTML5 videos on lightbox popup and close the lightbox automatically when the video ends.
- Additional 1 - Autoplay YouTube, Vimeo and HTML5 video and close the lightbox automatically when the video ends
- Additional 2 - Popup the lightbox only once
How to create an accessible WordPress HTML5 video player
Player controls in video players are normally buttons. They are not seen by screen readers which makes the player not accessible for blind and vision impaired people.
This tutorial will guide you how to add extra text controls that can be read by screen readers. The text controls include play video, pause video, fast forward, rewind, mute/unmute and go fullscreen.
The tutorial will also show you how to add accesskey attribute to the text controls so the command can be activated with shortcut keys.
Continue reading
How to send automated MailChimp welcome email to WordPress popup subscribers
This tutorial will guide you how to send automated welcome email to MailChimp subscribers that subscribed from WordPress popup forms created with the Wonder Popup plugin.
Wonder Popup is a WordPress popup plugin to create lightbox popup forms, embed forms, corner slide-in forms and notification bars that can help you get more newsletter subscribers.
For how to create an email subscription popup form with Wonder Popup, please view the tutorial: How to create WordPress email subscription popup for MailChimp.
Continue reading
How to display YouTube view count in WordPress YouTube carousel
This tutorial will guide you how to create a WordPress YouTube carousel and display the YouTube video view count. There are 4 steps in the tutorial:
- Step 1 - Install Wonder Carousel
- Step 2 - Add YouTube videos or YouTube playlist to the carousel
- Step 3 - Display YouTube video view count
- Step 4 - Publish the carousel
