WooCommerce Featured Products Carousel

This tutorial will show you how to create WooCommerce featured products carousel and add it to your WordPress page. There are 4 steps in this tutorial:

  • Step 1 - Install Wonder Carousel
  • Step 2 - Create WooCommerce featured products carousel
  • Step 3 - Add price, star rating, total sales and Add To Cart button to the carousel
  • Step 4 - Add the WooCommerce featured products carousel to WordPress page

Continue reading

How to schedule WordPress content so it will only be displayed in specified date and time

From time to time, you may want to limit part of a WordPress page or post content to specific date or time. For example, you may want to display some content only during holidays.

This tutorial will guide you how to add start time and end time to schedule the content so it will only be displayed in the specified date and time.
Continue reading

How to schedule images and videos in WordPress gallery

This tutorial will show you how to schedule images and videos in a WordPress gallery so the images and videos will only be displayed between the specified date and time.

There are 4 steps in this tutorial:

  • Step 1 - Check Timezone setting in WordPress
  • Step 2 - Install Wonder Gallery
  • Step 3 - Create new gallery and setup images and videos schedule
  • Step 4 - Publish the gallery and add it to WordPress page or post

Continue reading

How to add text controls to WordPress HTML5 video player for screen reader

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.

Continue reading

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

Continue reading

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

Continue reading

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

Continue reading

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

Continue reading