How to add a read more button to WordPress tabs content


Wonder Tabs


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