AddonCraft Read More Show Less

Description

AddonCraft Read More Show Less adds a clean, accessible Read More / Show Less toggle to long content in WordPress. Long posts, pages, descriptions and text blocks are cut to a height you choose, with an optional fade at the bottom. Visitors click Read more to expand the full text and Show less to collapse it again.

Use it to tidy up long articles, FAQ answers, author bios, service descriptions, reviews and landing pages without deleting a word or splitting content across pages.

The hidden text stays in the page HTML, so search engines can still read and index all of it.

Three ways to add Read More

1. Automatic (no code) – turn on Auto-apply to post content and every long single post and page gets a Read More button.
2. Shortcode – wrap any content in [addoremo_read_more]…[/addoremo_read_more], with optional per-block height and button text.
3. CSS class – add the read-more class to any block or element. Works with the block editor (Gutenberg), Elementor, Divi, Beaver Builder and other page builders that let you set a CSS class.

Features

• Auto-apply – collapse long post and page content automatically, no shortcode needed.
• Custom collapsed height – choose how much content shows before the Read More button.
• Fade effect – fade collapsed text into a solid color or a two-color gradient.
• Button style presets – show the toggle as a text link, a solid button or an outline pill.
• Custom button text – change “Read more” and “Show less” globally or per block (e.g. “Show more”, “Continue reading”, “See less”).
• Arrow icons – built-in chevron with adjustable size, or upload your own up and down icons from the Media Library.
• Full styling controls – text color, button color, hover color, alignment, font family, font weight and italic.
• Smooth animation – set the expand and collapse speed in milliseconds. Respects the visitor’s reduced-motion setting.
• Mobile or desktop only – show the toggle on all devices, only on mobile, or only on desktop, with a custom breakpoint.
• Remember open state – keep a section expanded after the visitor reloads the page.
• Short content left alone – content shorter than the collapsed height shows normally, with no button.
• Multiple sections per page – every matching block gets its own independent toggle.
• Live preview – see your changes on the settings page before you save.
• SEO friendly – content is only visually collapsed, never removed from the page.
• Accessible – a real button element with aria-expanded, keyboard support and visible focus styles.
• Lightweight – one small script and one small stylesheet, loaded only when the plugin is enabled.
• Translation ready – includes a POT file.

Shortcode example

[addoremo_read_more height="200" more="Read more" less="Show less"]Your long content here.[/addoremo_read_more]

• height – collapsed height in pixels.
• more – text for the expand button.
• less – text for the collapse button.

All attributes are optional. Anything you leave out uses the global settings.

Using Read More with the block editor or Elementor

• Block editor (Gutenberg): select a block, open Advanced → Additional CSS class(es) and enter read-more.
• Elementor: select a widget or container, open Advanced → CSS Classes and enter read-more.

You can change the target class or selector under Read More → General.