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

Sometimes it’s your decision to disguise portions of your submit or web page content material to give that article a compact glance and permit customers to click on and see additional information if they would like. This method is famously referred to as the toggle impact which is used throughout a lot of internet sites in more than a few alternative ways. The hidden content material turns into visual when a person clicks on a particular hyperlink or button. This display/disguise toggle impact is terribly to hand for a FAQ web page. You land on a web page the place you notice bunch of questions indexed. When a person clicks on the query, the resolution expands proper under. When you click on on the query once more, the resolution will cave in. In this text we can display you ways to display and disguise textual content in PhrasePress posts and pages with the toggle impact.

Video Tutorial

If you don’t like the video or want extra directions, then proceed studying.

First factor you wish to have to do is set up and turn on the WP ShowHide plugin. The plugin works out of the field and there aren’t any choices for you to configure. To disguise the textual content in posts the usage of the toggle impact, you wish to have to use the shortcode like this:

[showhide type="post"]Text you need to disguise[/showhide]

Upon first utilization of the shortcode you’re going to understand that it presentations the toggle hyperlink with the textual content “Show Press Release (xx extra phrases)”. Actually the plugin was once written particularly for a website that revealed press releases. However this newsletter will also be simply modified to no matter you favor. Use the shortcode like this:

[showhide type="post" more_text="Show more..." less_text="Show less..."]
Text you need to disguise
[/showhide]

The showhide shortcode comes with some parameters that you’ll use to achieve regulate on the way it works in your own posts. The default parameters and the values for the shortcode are those:

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

We hope that you just discovered this text useful in including the toggle impact to disguise textual content in your PhrasePress posts and pages. Let us know would you relatively use toggle impact to disguise complete posts or use default PhrasePress excerpt capability?

Recent Articles

How to Automatically Skip Netflix Intros in your Chrome Browser

It is the winter season and we know how we wish to spend it; wrapped around in...

4 Amazon Prime Benefits that You Never Knew Existed

Amazon Prime can do a lot more than giving you access to Prime video streaming and giving...

5 Best Android apps to Sideload on Your TV

Smart TVs are the newest necessity for every tech friendly household. With the popularity of OTT platform...

Unique Team Video Chat Apps that will Make Work From Home Fun

How much time have you spent on video calls over the past few months? For every student and working professional, the answer...

Upgrade Your iCloud Storage Plan on all Your Devices

No matter how much money you spend on your device, you never seem to have enough space. The problem is particularly prevalent...

Related Stories

Leave A Reply

Please enter your comment!
Please enter your name here