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

Product:

All Wonder Plugins

Tutorial:

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

How to add a read more button to WordPress tabs content

Product:

Wonder Tabs

Tutorial:

This tutorial will guide you how to add a read more button to the WordPress tab content created by the Wonder Tabs plugin.

The Read More tag inserted into a WordPress post or page is specially handled by WordPress, it will not work in the tab content. To create a Read More button, we will need to add the button by ourselves and use JavaScript to show the extra content.

The created demo is as follows. In the first tab, you can click the Read More button to show the hidden content, and click the Read Less button to hide it. The second tab only has a Read More button.
Continue reading

How to Create Nested Tabs in WordPress

Wonder Tabs is a WordPress plugin to display tabbed content on your WordPress site. You can create tabbed content with HTML code, or create tabs from existing WordPress pages. The plugin can be used to create horizontal tabs, vertical tabs, accordions, you can also add tabs to another tabbed content to created nested tabs.

This tutorial will guide you how to created nested tabs in WordPress. There are four steps in this tutorial:

  • Step 1 - Install Wonder Tabs
  • Step 2 - Create tabs
  • Step 3 - Create nested tabs
  • Step 4 - Add the final tab group to a WordPress page or post

You can view the online demo: Nested WordPress Tabs.
Continue reading

How to add tabbed content to WordPress posts, pages and widgets

Using WordPress tabs to organise and display different sections of content on your webpage will make it much easier for visitors to browse the page and find what they are looking for.

This tutorial will guide you how to add tabbed content to your WordPress pages, posts or widgets. There are 3 steps in this tutorial:

  • Step 1 - Install WordPress premium plugin Wonder Tabs
  • Step 2 - Add HTML content or WordPress pages to tabs
  • Step 3 - Publish the tabs and add the tab group to a WordPress page, post or widget

Continue reading

How to add gallery shortcode to X theme Cornerstone page builder

Product:

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

Question:

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