This tutorial will guide you how to customise the tooltip style of an anchor link using pure CSS. A created demo is as follows:
Plugin conditional loading: how to activate and load WordPress plugins on selected pages or posts only
By default WordPress will enable all activated plugins on all WordPress posts and pages, and will load all relative CSS and JavaScript plugin files on these pages.
In some cases, you may want to only enable a plugin and load the relative files on some specific pages. For example, if your website has a gallery page, you may want to only enable the gallery plugin on this page, thus speed up the loading of other pages.
Continue reading
Not allowing to edit images or add new images
Product:
Wonder 3D Carousel, Wonder Carousel, Wonder Gallery, Wonder Grid Gallery, Wonder Slider
Tutorial:
You may notice that after you upgrade your WordPress to version 5.5 or above, you may not be able to edit images or add new images to Wonder plugins. The OK and Cancel buttons are missing from the Add Image dialog.
This problem is caused by changes in WordPress 5.5.
To fix the problem, you can upgrade the Wonder plugin to the latest version.
The Standard/Multiple/Unlimited licenses include one year support and free upgrade from the date of the purchase. If your free upgrade period has expired, you can log into the members area on our website, click Renew and Upgrade on the left menu, renew your license with 50% discount, or upgrade to the Lifetime license.
How to show HTML content in a WordPress lightbox
This tutorial will guide you how to show HTML content in a WordPress lightbox by using the plugin Wonder Lightbox.
The tutorial will also discuss how to open the HTML content in the lightbox of a gallery created with Wonder Grid Gallery or a carousel created with Wonder Carousel
There are two steps in this tutorial:
- Step 1 - Add the HTML content to a div on the webpage
- Step 2 - Open the div in a WordPress lightbox
- Additional - Open the div in the lightbox of a gallery created with Wonder Grid Gallery or a carousel created with Wonder Carousel
How to convert m4a audio to mp3 or HTML5 compatible m4a format on Mac
On Apple platforms, there is a difference between directly playing audio in Safari and playing in an HTML5 audio tag. When directly playing in Safari, it uses the codec in the device, when playing in an HTML5 audio tag, it uses the codec only available for Safari.
So an m4a audio file may play if you directly open the m4a file URL with Safari, but may not play in an embedded HTML5 audio tag.
This tutorial will show you how to convert m4a audio files to HTML5 compatible m4a or mp3 format on Mac by using the Apple Music app.
There are 4 steps in this tutorial.
- Step 1 - Open the m4a file with the Apple Music app
- Step 2 - Change the import settings of the Music app
- Step 3 - Convert the m4a file
- Step 4 - Drag the file to the desktop
How to create a WordPress Icecast Player
This tutorial will show you how to create an Icecast2 live streaming audio player for your WordPress website.
There are 4 steps in this tutorial:
- Step 1 - Install Wonder Audio Player
- Step 2 - Create an audio player to play the Icecast2 streaming
- Step 3 - Select a skin for the audio player
- Step 4 - Publish the player
How to add Streamable videos to WordPress Gallery
This tutorial will guide you how to add Streamable videos to a WordPress video gallery by using the plugin Wonder Gallery.
There are two steps in this tutorial:
- Step 1 - Copy Streamable video embed URL
- Step 2 - Add Streamable video to a WordPress Gallery
How to Create a WordPress Self-Hosted Video Gallery
This tutorial will show you how to create a WordPress self-hosted video gallery and add it to a WordPress post or page.
You can add the video files which are hosted on your own web server and create a video gallery in a few minutes.
There are 3 steps in this tutorial:
- Step 1 - Install Wonder Gallery
- Step 2 - Create a WordPress Video Gallery
- Step 3 - Add WordPress Self-hosted Video Gallery to WordPress Page
How to add a close lightbox link in the WordPress lightbox popup
Product:
Tutorial:
In the lightbox created with Wonder Lightbox, there is a close button on the top right corner of the popup.
But in some cases, if you use the lightbox to open a div, you may want to add an extra close lightbox link to the div content, or you may want to add the link to the title if you open an image lightbox or video lightbox.
Continue reading
How to open a specified tab on page load when clicking a link by using tab slug
Product:
Tutorial:
When opening a webpage that contains tabs created with the plugin Wonder Tabs, it will open the first tab by default.
You can add a URL query string tabid to the URL to open a tab on page load. The tabid starts from 0 . For example, the following URL will open the 3rd tab on page load:
Continue reading
