Plugin:
Tutorial:
This tutorial will guide you on how to create a WordPress gallery from an XML file using the Wonder Gallery plugin.
How to dynamically add or remove images and videos in a WordPress gallery using JavaScript
Product:
Level:
Advanced
Tutorial:
You can use the Wonder Gallery plugin to easily create images and videos for your WordPress website. This tutorial will guide you on how to dynamically change the images and videos in the gallery using JavaScript.
How to add a search box to WordPress gallery
Product
Wonder Gallery Version 13.4 or above
Tutorial
This tutorial will guide you how to add an external search box to the galleries created with Wonder Gallery. You can place the search box anywhere on the same page as the gallery, for example, above or below the gallery, or in a sidebar widget etc.
Continue reading
Add WordPress Gallery to WPBakery Page Builder
WPBakery Page Builder is a popular WordPress drag and drop page builder. This tutorial will guide you how to add a WordPress image and video gallery to WPBakery Page Builder.
There are 3 steps in this tutorial:
- Step 1 - Download and install Wonder Gallery plugin
- Step 2 - Create an image or video gallery in Wonder Gallery
- Step 3 - Add the gallery shortcode to WPBakery Page Builder
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
WordPress video player with subtitles
This tutorial will guide you how to create a WordPress video player with subtitles or closed captions.
There are three steps in this tutorial:
- Step 1 - Install Wonder Gallery
- Step 2 - Add mp4 video file and vtt subtitle file to the gallery
- Step 3 - Publish the video player
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.
How to create an accessible WordPress HTML5 video player
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
How to track WordPress video play events with Google Analytics
This tutorial will show you how to track WordPress video play events with Google Analytics.
There are 4 steps in this tutorial:
- Step 1 - Install the WordPress plugin Wonder Gallery
- Step 2 - Create a video player or video gallery with Wonder Gallery
- Step 3 - Add Google Analytics Tracking ID to the gallery
- Step 4 - View WordPress video play events in Google Analytics
How to add gallery shortcode to X theme Cornerstone page builder
Product:
WonderPlugin 3D Carousel,
WonderPlugin Audio Player,
WonderPlugin Carousel,
WonderPlugin Gallery,
WonderPlugin Portfolio Grid Gallery,
WonderPlugin Tabs,
WonderPlugin Slider
Question:
How could I add the gallery shortcode to the WordPress X theme Cornerstone page builder?
Continue reading
