This tutorial will guide you how to add shortcode to the new Gutenberg editor. Since most Wonder plugins are based on shortcode, they work with the Gutenberg editor very well.
Add pages created with Elementor to WordPress tabs
Product:
Question:
Is the plugin WonderPlugin Tabs compatible with Elementor page builder https://en-au.wordpress.org/plugins/elementor/?
I tried to add a page created with Elemantor to a tab, the content is loaded correctly, but all the design/styling is lost.
Display all tabs and disable the more button in WordPress Vertical Tabs
Product:
Question:
I am testing the Vertical Tabs skin, I wonder is there a way to display all tabs and disable the "More" button?
Continue reading
Define different colour for tabs
How to display AdSense in WordPress tabs
Product:
Question:
I tried to add AdSense code to the tab, but it's not working. Can you please help?
Continue reading
I upgraded to the Pro version, but the free version watermark remains
Product:
All Wonder Plugins
Question:
I purchased the Pro version and received my membership login credentials. I downloaded the Pro version and followed the upgrade instructions provided on your website. However, the free version watermark still remains.
Search and replace when moving WordPress site
Product:
All WonderPlugin Products
Question:
I am moving my WordPress development site to production. I did a search and replace in the WordPress database, but the images in the carousel slider still link to the old domain.
Add plugin js files to footer is not working
Product:
All WonderPlugin Products
Question:
In the plugin, settings menu, I checked the option "Add plugin js scripts to the footer", but the plugin js files are not added to the WordPress footer.
Answer:
The plugin is using WordPress hook wp_footer to print the plugin js scripts to the footer. wp_footer is one of the most essential theme hooks.
The problem is because your WordPress theme does not call the WordPress function wp_footer() and the hook is not enabled. Please contact your WordPress theme provider and ask for how to support the wp_footer hook.
For more details about wp_footer hook and wp_footer() function, please view: https://codex.wordpress.org/Plugin_API/Action_Reference/wp_footer and https://codex.wordpress.org/Function_Reference/wp_footer.
YouTube video stays on top of tabs on iPad
Product:
Question:
I have some tabs in my homepage. When I tried it on an iPad whenever I tried to switch between tabs the content from the previous tab stayed there no matter what I did.
Answer:
I checked your webpage. It's not all contents from previous tabs. It's just the YouTube video iframe always stays on the top.
Currently, your iframe video code is as following:
<iframe width="560" height="315" src="https://www.youtube.com/embed/_mMKNw_Mlxs" frameborder="0" allowfullscreen></iframe>
To fix the problem, please add ?wmode=transparent to the end of the YouTube URL. For example:
<iframe width="560" height="315" src="https://www.youtube.com/embed/_mMKNw_Mlxs?wmode=transparent" frameborder="0" allowfullscreen></iframe>
Add links to previous and next tabs
Product:
Question:
It would be useful to have shortcode links to use for "next tab" and
"previous tab". These shortcodes would allow tab content to be added
or moved without the user having to generate new URL links.
Example problem:
Tab 1 content has a link at the bottom of the page for "More" which
opens tab 2. Likewise at the bottom of tab 2 is a "Previous" link to
tab 1, and "More" link to tab 3, etc. If the user removes tab 2 from
the set, they currently need to make new links on pages 1 and 3. A
shortcode could recognize what tab it is on, and automatically adjust
for the adjacent tab's id.
Answer:
You can use the following HTML code to add a previous link and a next link:
<a href="JavaScript:wonderpluginTabsObjects.objects[0].switchPrev();">Goto Prevous</a> <a href="JavaScript:wonderpluginTabsObjects.objects[0].switchNext();">Goto Next</a>
Since this is regular HTML code, you can also use a button to replace the text, for example:
<a href="JavaScript:wonderpluginTabsObjects.objects[0].switchPrev();"><button class="btn btn-success btn-small" type="button">Goto Previous</button></a> <a href="JavaScript:wonderpluginTabsObjects.objects[0].switchNext();"><button class="btn btn-success btn-small" type="button">Goto Next</button></a>
You can view the online demo at: