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 buttons to the WordPress Carousel that will jump to other slides when clicked
Product:
Tutorial:
You can use the Wonder Carousel plugin to easily create image or video carousels for your WordPress website. This tutorial will guide you on how to add buttons to the carousel that will jump to other slides when clicked.
How to open a Contact Form 7 form in WordPress popup
Product:
Tutorial:
Contact Form 7 is a popular WordPress form plugin. This tutorial will guide you how to open a form created with Contact Form 7 in the Wonder Popup plugin.
Continue reading
How to display single button WordPress audio players and text in one line
Product:
Tutorial:
You can use the Wonder Audio Player plugin to create a single button WordPress Audio Player, and you may want to display the audio player and text in one line.
This seems like an easy task, but in fact, it's quite difficult. The reason is that text is normally added to the webpage as a paragraph <P></P>, whereas the audio players are rendered as DIV blocks <DIV></DIV>, and a paragraph cannot contain block-level elements. If you simply add them to one line, they will break into multiple lines on the front page.
Continue reading
How to automatically enable lightbox popup on links to images and PDF files
Product:
Tutorial:
By using the Wonder Lightbox plugin, you can simply add a class name wplightbox to any link to activate the Lightbox effect. But sometimes, you may want to automatically enable the lightbox popup on all links to images or PDF files on the whole website.
How to display current song information separately from the WordPress audio player
Product:
Tutorial:
This tutorial will guide you how to use the Wonder Audio Player JavaScript API to get the current song information and display it in a separate div on the same webpage.
Continue reading
How to embed a PDF file hosted on Google Drive in a WordPress page or post
This tutorial will guide you how to embed a PDF file hosted on Google Drive in a WordPress page or post.
We will also show you how to open the PDF file in a WordPress lightbox using the plugin Wonder Lightbox.
There are three steps in the tutorial:
- Step 1 - Share on Google Drive and copy the link
- Step 2 - Change the format of the Google Drive link
- Step 3 - Embed the PDF to a WordPress page or post using an iframe
- Optional - Open the PDF file in a WordPress lightbox
How to create a WordPress post grid gallery and add a post category filter?
Product:
Tutorial:
This tutorial will guide you how to create a WordPress post grid gallery using the Wonder Grid Gallery plugin and add a post category filter.
There are three steps in this tutorial:
- Step 1 - Create a WordPress grid gallery and define the gallery categories
- Step 2 - Add WordPress posts to the gallery and assign the category
- Step 3 - Enable category filter of the gallery
How to display the post date in WordPress Post Grid Gallery
Product:
Tutorial:
Wonder Grid Gallery can be used to create WordPress grid galleries from WordPress posts. This tutorial will guide you how to add the post date to the grid gallery.
Continue reading
How to use a button to trigger a WordPress popup
Product:
Tutorial:
This tutorial will guide you how to use a button or text link to trigger a WordPress popup created with the plugin Wonder Popup. At the end of this tutorial, we will also show you how to trigger the popup using a button created with the plugin MaxButtons https://wordpress.org/plugins/maxbuttons/.
Continue reading
