FR Read More is a lightweight, responsive, and user-friendly plugin that lets you hide long blocks of text behind a customizable “Read More” button.

Visitors can click or tap to smoothly expand the full text, keeping your pages clean, compact, and engaging. It is perfect for long blog articles, product specifications, FAQs, testimonials, and SEO text sections.

✨ Key Features

Instant Expand & Collapse: Smooth, hardware-accelerated animations with zero page reloads.
Pure Vanilla JavaScript: Ultra-lightweight with zero external dependencies for maximum loading speed and PageSpeed scores.
100% Accessible (a11y): Built with semantic <button> elements, full keyboard navigation (Tab / Space / Enter), and standard ARIA attributes (aria-expanded, aria-controls).
Live Interactive Preview: See your button style, dimensions, and hover colors change in real-time inside the admin dashboard before saving.
Full Design Customization: Customize button colors, hover colors, font size, line height, font weight, border radius, padding, width, and alignment.
1-Click Shortcode Generator: Easily copy shortcodes directly to your clipboard.
Multiple Instances on One Page: Add as many expanders as you need without ID conflicts.
SEO & Crawler Friendly: Enclosed text remains in the DOM for search engine crawlers to index while keeping the visual layout clean for visitors.
Theme & Page Builder Compatible: Works seamlessly with the Block Editor (Gutenberg), Classic Editor, Elementor, Divi, Beaver Builder, and all standard WordPress themes.

Usage

Basic Usage

Simply wrap your text in the shortcode:

[fr_read_more]Your long text goes here...[/fr_read_more]

(Legacy shortcode [frrm_expander_maker] is also fully supported.)

Shortcode Attributes

You can customize individual buttons directly via shortcode attributes:

more — Custom text for the button when collapsed (e.g. [fr_read_more more="View Full Specs"]...[/fr_read_more]).
less — Custom text for the button when expanded (e.g. [fr_read_more less="Hide Specs"]...[/fr_read_more]).
align — Button position: left, center, or right (e.g. [fr_read_more align="center"]...[/fr_read_more]).
id — Optional custom unique HTML identifier.