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.
Wonder Grid Gallery Version 17.4 or above
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.
WordPress Media Library has a maximum upload file size limit, if the size of your media file is too big, you may not be able to upload it using the built-in uploader of Media Library.
If there are hundreds of image, video or audio files, you may also want to upload them using FTP, then import them to WordPress Media Library.
Wonder Lightbox and Wonder PDF Embed use Mozilla PDF.js to display PDF files. By default, PDF.js only supports PDF files that are hosted on the same domain as the webpage. If your PDF files are hosted on Amazon S3, PDF.js will not be able to display them and may show an error "An error occurred while loading the PDF".
This tutorial will guide you how to configure the CORS policy of your Amazon S3 bucket, so the PDF files can be displayed by Wonder Lightbox and Wonder PDF Embed.
All Wonder Plugins
By default, Wonder plugins load the plugin JS files in the WordPress header. While this provides best compatibility with all kinds of WordPress themes, JS files in the header will be render-blocking. That's, the webpage will only be rendered after the JS files are loaded.
There are two methods to load the JS files as non-render blocking and fix the issue.
- First method: load Wonder plugin JS files in the WordPress footer
- Second method: use a third-party plugin to aggregate the JS files and load it as non-render blocking
We will also discuss plugin conditional loading at the end of this tutorial:
- Plugin conditional loading: only load plugins on selected pages or posts
Product: Wonder Lightbox
After installing the WordPress plugin Wonder Lightbox, by adding a class name
wplightbox to a link, you can easily change the link to a WordPress lightbox popup and use it to open an image or a video in the lightbox popup.
This tutorial will guide you how to open a Wistia video in a WordPress lightbox.
Wonder Grid Gallery 17.0 or above
In Wonder Grid Gallery, step 4 Options tab, Text and Grid Content, you can add the pre-defined macro variables to the text overlay content and grid content. The macro variables will be dynamically replaced by the content of the gallery item.
By using the ACF (Advanced Custom Fields) plugin, you can add extra fields to WordPress posts or pages. For example, you can define a URL field and add a video URL for the post or page.
This tutorial will guide you how to get the video URL and open it in a lightbox popup using the Wonder Lightbox plugin.
Wonder Audio Player is an easy to use WordPress plugin that can help you create mp3 players for your WordPress sites.
To create a WordPress audio player, in the plugin, step 1, you can add mp3 files to the playlist, the plugin will build the player and provide you with the shortcode. You can then add the player shortcode to a WordPress post or page.
In some cases, for example, you have tens or even hundreds of mp3 files, instead of creating a player for each mp3 file, you may want to only create one player and reuse the same player for all mp3 files.
This tutorial will guide you how to create a player, then reuse it for all other mp3 files.