To save some space on your WordPress posts/pages, you may want to hide some content. This way, users will only check the information if they feel interested.
The idea is to hide a part of your content under the ‘Show more’ text. And when a user clicks on the ‘Show more’ link, it will reveal the hidden text.
Like everything we do in WordPress, it can be done by using a plugin. Here I’ll show you how to show and hide text in WordPress using the Ultimate Blocks plugin. It’s a must-have plugin for the WordPress editor.
How To Show And Hide Text In WordPress
Follow these simple steps to show and hide text in WordPress.
Step 1: Install the Ultimate Blocks Plugin
First, you need to install the plugin. Just go to your WordPress Dashboard > Plugins > Add New and search for ‘Ultimate Blocks’. Click on the ‘Install Now’ button and activate the plugin.
Step 2: Insert the Expand Block
Now go to the post/page where you want to add the ‘show and hide’ content.
Simply click on the + icon to add a new block. Search for the ‘Expand‘ block and add it to the editor.
Step 3: Add Shown & Hidden Text
On the next step, click on the first + icon to add the shown text and the second + icon to add the hidden text.
Upon clicking on the first + icon, select the ‘Paragraph’ to add shown text.
Then simply add the text that you want to show to visitors.
Do the same thing for adding the hidden text.
Your show and hide text will look like this –
That’s it. You’re done.
Using the Toggle Effect to Show and Hide Text in WordPress
Now if you want to add show and hide text using the toggle effect, that’s also possible by using the Content Toggle block by Ultimate Blocks.
Just go to the WordPress Editor and click on the + sign and search for ‘Content Toggle’.
After adding the block, you need to shown content in the title part and the hidden content in the main content part.
You can add more content area by click on the + sign.
You can configure settings from the right-hand side options panel.
So this how you can add a ‘show and hide’ text area using the toggle effect.
Conclusion
Hope this tutorial helped you to add show and hide text to your WordPress posts/pages.
If you have any questions regarding this, feel free to ask via comment. And if you’ve liked the post, please consider sharing the post.
Leave a Reply