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
How to load image and video list from a JSON web service in WordPress Carousel
Product:
Wonder Carousel Version 18.8 or above
This tutorial will show you how to load image and video list from a JSON web service in the plugin Wonder Carousel.
How to add HTML code to a WordPress post or page
This tutorial will guide you how to directly add HTML code to a WordPress post or page. Depending on the HTML editor that you use, the method will be different.
