How to load Wonder plugin JS files as non-render blocking and improve the webpage loading performance


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

Continue reading

WordPress Full Screen Background Slider

This tutorial will guide you how to create a fullscreen background slider for your WordPress. At the end of the tutorial, we will create two kinds of full screen sliders.

The first demo shows the full screen slider in the background, while the page displays the normal content you entered in the page editor: WordPress full screen background slider.

The second demo just shows the page header, menu and the full screen slider, it does not display the normal page content: WordPress full screen slider.

If you want to create a WordPress full screen slider without the page header and menu, please view this tutorial: How to Create a Fullscreen WordPress Slideshow.

Continue reading

WordPress Tutorial

How to Add a Slider to WordPress

WordPress slider is a great way to highlight the contents of your website and call the attention of your website visitors. This tutorial will guide you how to add a slider to your WordPress website.

To add a slider to WordPress, please take the following 5 steps:

  • Step 1 Install the plugin Wonder Slider
  • Step 2 Create a new slider
  • Step 3 Add images, videos and texts to the slider
  • Step 4 Select a skin and publish the slider
  • Step 5 Add the slider to post, page or the WordPress theme

Continue reading

How to add gallery shortcode to X theme Cornerstone page builder


WonderPlugin 3D Carousel,
WonderPlugin Audio Player,
WonderPlugin Carousel,
WonderPlugin Gallery,
WonderPlugin Portfolio Grid Gallery,
WonderPlugin Tabs,
WonderPlugin Slider


How could I add the gallery shortcode to the WordPress X theme Cornerstone page builder?
Continue reading

How to display custom fields in WordPress custom post type slider


WonderPlugin Slider, WonderPlugin Carousel


I've created an image slider using custom posts, and I wondered if there was a way to replace the post excerpt with a custom field? I'm using the Advanced Custom Fields plugin, as well as OpenHook if that might be needed. I'm seeing that %post_excerpt% is accepted in the description; is there something similar I can do to include custom fields I've created?
Continue reading