This tutorial will guide you how to create a WordPress video player with subtitles.
There are three steps in this tutorial:
WordPress video players normally have icon button controls. These controls are not seen by screen readers and are not accessible for blind and vision impaired people.
This tutorial will guide you how to create an HTML5 video player and add text controls to it. The text controls can be read by screen readers and can be used to play/pause video, fast forward, rewind, mute/unmute and go fullscreen.
The tutorial will also add accesskey attributes to the text controls so the video player can be controlled with keyboard shortcut keys.
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.
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:
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:
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.
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
