When creating content for your WordPress site, you do not always want to overwhelm readers with lengthy text. Breaking your content into collapsed sections keeps the page organized and gives visitors control over what they expand. Adding a read more toggle button to your WordPress text achieves this without shortcodes or custom code.
The Expand block in Nexter Blocks lets you add a read more toggle button to expandable text in the WordPress block editor.
Best Used For:
- Blog posts and knowledge base articles with long explanations that benefit from progressive disclosure
- FAQ pages where you want to show question headings with answers collapsed by default
- Product or landing pages where you include detailed specifications or terms that most visitors will skip
To check the complete feature overview documentation of the Nexter Blocks Expand block, click here.
Requirement: This block is part of Nexter Blocks. Make sure Nexter Blocks is installed and activated.
Add the Expand block to the page. To add a title above the expandable section, enter text in the Title field.
From the Content Source section, select Text.
In the Content section, enter your text in the editor. This is the text that will be hidden until the visitor clicks the toggle button.
In the Content tab, set the button placement by choosing whether the toggle button appears above or below the collapsed text. For a collapsible table of contents on the same page, see How to Create a Collapsible Table of Contents in WordPress.
In the Extra Options tab, adjust the initial container height for different screen sizes. Use this when you want the collapsed section to show a preview of the text before the visitor clicks to expand it.
Note: You can use the Editor or Pattern options to create expandable text containers as well but for simple text it is recommended to use the Text option.
To add a load more button to a post listing instead, see How to Add Load More Button in WordPress.
