Recently Asked Questions and WordPress Tutorials
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:
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:
At the end of the tutorial, we will also discuss how to automatically open a PDF lightbox popup on page load.
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
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:
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.
Accessibility is very important. 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
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
This tutorial will guide you how to apply for a Google Drive API key. You can use the key to generate Google Drive direct download links for image, audio and video files hosted on Google Drive: Google Drive Direct Link Generator for Image, MP3 and Video Files.
There are 4 steps in this tutorial:
This tutorial will show you how to create a WordPress HTML content slider by using the plugin Wonder Carousel.
You only need to select images, enter text or HTML code for title and description, select a skin, the plugin will create an HTML content slider that you can add to a WordPress page or post.
There are 4 steps in this tutorial:
This tutorial will guide you how to create a WordPress logo carousel. You can link the logos to webpages, configure the carousel to auto scroll and pause the carousel on mouse over.
There are 4 steps in the tutorial:
This tutorial will guide you how to create a fullscreen background slider for your WordPress. At the end of the tutorial, we will create two kinds of full screen sliders.
The first demo shows the full screen slider in the background, while the page displays the normal content you entered in the page editor: WordPress full screen background slider.
The second demo just shows the page header, menu and the full screen slider, it does not display the normal page content: WordPress full screen slider.
If you want to create a WordPress full screen slider without the page header and menu, please view this tutorial: How to Create a Fullscreen WordPress Slideshow.
