A long introduction is worth having, but not worth forcing on everyone before they reach the point.
Custom Content shows the first few lines and folds the rest behind a Read More button.
For every Expand setting in one place, see the Expand block guide.
Before You Start
- Edition: Pro — the Expand block is part of Nexter Blocks Pro.
- Block to enable: Expand, switched on under Nexter > Blocks in your WordPress dashboard.
- The text itself — it is typed into the block rather than pulled from elsewhere.
Steps
- Add the Expand block to your page and click Design from Scratch.
- Type a Title if you want one above the box.
- Set Content Source to Custom Content.
- Type or paste your text into the Content field.
- In Extra Options, set Max Height — how tall the box is before anyone clicks. Make it shorter than your content.
- Set the Text for the open and closed labels.
- Publish and click the toggle.
Max Height has to be smaller than your content. If the content already fits, there is nothing to collapse and the toggle does nothing useful — measured with a short paragraph in a 100 pixel box, where expanding actually made the box smaller.
How It Behaves
- It really opens and closes. Measured by clicking the toggle: the box went from 100 pixels to 319 and back to 100 on a second click.
- Max Height is the closed height, so it decides how much of the text shows before anyone clicks. Set to 60, the closed box measured 60.
- Text sets both labels — Read More and Read Less out of the box, but they can be anything.
- Custom Opacity fades the last part of the visible text so the cut-off looks deliberate rather than chopped mid-sentence.
Limitations
- Pro only.
- The text lives in this block’s own field, so it is not part of the normal editor flow — you cannot drop images or other blocks into it. For that, use ” + a(LOADMORE_DOC, “the Editor source”) + “.
- Formatting is limited to what the field accepts, so complex layouts belong in a pattern instead.
- Hidden content is still in the page’s HTML. This is a presentation choice, not a way to keep anything private or to make the page lighter.
Troubleshooting
The button does nothing
Your text is shorter than Max Height, so there is nothing hidden to reveal. Lower the Max Height.
The text is cut off mid-word and looks broken
Switch on Custom Opacity so the bottom fades out instead of stopping abruptly.
I want images and other blocks inside, not just text
Switch Content Source to Editor — see ” + a(LOADMORE_DOC, “the load more guide”) + “.
