How to display single button WordPress audio players and text in one line

Last updated on

Product:

Wonder Audio Player

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 embed a PDF file hosted on Google Drive in a WordPress page or post

Last updated on

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

Continue reading →

How to create a WordPress post grid gallery and add a post category filter?

Last updated on

Product:

Wonder Grid Gallery

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

Continue reading →

How to use a button to trigger a WordPress popup

Last updated on

Product:

Wonder Popup

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 add a search box to WordPress Grid Gallery

Last updated on

Product

Wonder Grid Gallery Version 17.4 or above

Tutorial

This tutorial will guide you how to add an external search box to the grid galleries created with Wonder Grid 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 →