WordPress For Non-Techies

How to Show and Hide Text in WordPress Posts with the Toggle Effect

Rate this post



Sometimes you want to partially hide content on your site that would normally clutter the look of your site. The usual way to assist with this would be to use the toggle effect to hide the content behind a link. In this video, we will show you how to show and hide text in WordPress posts with the toggle effect.

If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.

Text version of this tutorial:

Follow us on Twitter:

Checkout our website for more WordPress Tutorials

Summary of this Tutorial:

Start by installing and activating the WP ShowHide plugin.

The plugin mainly uses shortcode to show and hide the text.

To hide the text in a post simply use the following shortcode:

[showhide type=”post”]Text you want to hide[/showhide]

Changing the more and less links would require modifying the opening shortcode to the following:

[showhide type=”post” more_text=”Show more…” less_text=”Show less…”]

You can even modify the look for individual posts. The following is the default parameters for the shortcode.

[showhide type=”pressrelease” more_text=”Show Press Release (%s More Words)” less_text=”Hide Press Release (%s Less Words)” hidden=”yes”]

Related Links:

WP ShowHide

source

Mazi

Mazi has nine years of web development experience with the past five years spent honing his skills with WordPress plugins and themes. He's an expert in WooCommerce and is the author of the Simple Sales Tax plugin, a popular sales tax compliance solution for WooCommerce. Brett understands the importance of excellent communication, prides himself on producing high-quality code, and is comfortable working solo or as part of a team.

Leave a Reply

Your email address will not be published.

Back to top button