DashboardTeam

Collapse It is a modern Gutenberg block that allows you to collapse or expand any content area with a smooth fade effect and a customizable “Show More / Show Less” button. The block is highly flexible, letting you set the collapsed height, button styles, and texts. It also features smart empty-content detection: if the block is empty (even if it contains an empty shortcode block), it will automatically hide itself, keeping your pages clean and professional.
Key Features: 
* Collapse/expand any content with a fade effect 
* Automatically hides when empty (even with empty shortcode or any dynamic blocks) 
* Customizable collapsed height 
* Fully customizable Show More / Show Less button (text, color, alignment, border radius, font size, padding) 
* Gutenberg block editor support 
* No tracking, no ads, no bloat 
* 100% WordPress Coding Standards compliant 
* Developer: Dashboard Team
<h3>Usage</h3>
<ol>
<li>Insert the “Show More (Collapse)” block in the editor.</li>
<li>Add any content (text, images, blocks, or even shortcodes) inside the block.</li>
<li>Adjust the collapsed height and button styles from the block settings panel.</li>
<li>The block will automatically hide itself if left empty (including empty shortcode blocks).</li>
</ol>
<h3>License</h3>
This plugin is licensed under the GPLv2 or later. See https://www.gnu.org/licenses/gpl-2.0.html

Collapse It – Show More/Less Expand Button

A Gutenberg block to collapse/expand content with fade effect, customizable height, and auto-hide when empty.

Jose Varghese

The Read More Button plugin is the ultimate solution for managing long content on your WordPress site. Whether you have lengthy blog posts, detailed product descriptions, or extensive service pages, this content expander tool allows you to keep your layout clean and user-friendly.
By adding a customizable read more button, you can truncate text after a specific number of lines, encouraging users to click to expand content. This improves the user experience by preventing large blocks of text from overwhelming your visitors. The best part? The content expands instantly without refresh, ensuring a seamless reading experience.
Why Use a Read More Plugin? 
Improving readability is key to retaining visitors. A read more tag or button ensures that your users see the most important information first. This expand text functionality is perfect for mobile users who prefer scrolling through concise summaries before diving into deep content.
Key Features:
<ul>
<li>Customizable Read More Button: Style your show more button to match your theme.</li>
<li>Collapse / Show Less Button: After expanding, a “Show Less” button lets users collapse the content back. Both button labels are fully configurable.</li>
<li>Automatic Content Truncation: Automatically limit posts and pages by line count.</li>
<li>Instant Expansion: Smoothly reveal text and show hidden content without page reload.</li>
<li>Shortcode Support: Use <code>[read_more_button]</code> anywhere in post content for manual control.</li>
<li>Keyboard Accessible: Fully operable with keyboard – buttons respond to Enter/Space and focus is managed correctly after each interaction.</li>
<li>SEO Friendly: Hidden content remains accessible to search engines.</li>
<li>Exclusion Options: Exclude specific pages/posts by ID</li>
<li>Post Type Selection: Choose which post types to apply the functionality to</li>
<li>Flexible Content Control: Set after how many lines the button should appear</li>
<li>Custom Button Text: Change the button text to match your site’s tone</li>
<li>Public CPT Support: Works with all public custom post types</li>
<li>Performance Optimized: Lightweight code that only loads where needed</li>
</ul>
Perfect for:
<ul>
<li>Blog posts with long content</li>
<li>Product descriptions</li>
<li>Service pages</li>
<li>News articles</li>
<li>Any content where you want to improve readability and user engagement</li>
</ul>
Easy Setup:
<ol>
<li>Install and activate the plugin</li>
<li>Go to Settings > Read More Button</li>
<li>Configure your preferences (colors, text, line count, post types)</li>
<li>The button will automatically appear on your selected content types</li>
</ol>
Love using this plugin? Please consider <a href="https://superwebshare.com/read-more-plugin-donate" rel="nofollow ugc">donating</a> to support its development.
<h3>Developer Information</h3>
Technical Details: 
* Uses WordPress coding standards and security practices 
* All data properly sanitized and escaped 
* Follows WordPress plugin guidelines 
* Uses proper enqueue methods for scripts and styles 
* Implements WordPress hooks and filters correctly 
* Translation ready with proper text domain
Shortcode:
<pre><code>[read_more_button text="Read More" lines="14" collapse_text="Show Less"]Content here[/read_more_button]
</code></pre>
<ul>
<li><code>text</code> (optional) – Read More button label. Defaults to the value set in Settings.</li>
<li><code>lines</code> (optional) – Number of lines before truncation. Defaults to the value set in Settings.</li>
<li><code>collapse_text</code> (optional) – Show Less button label. Defaults to the value set in Settings.</li>
</ul>
Hooks and Filters: 
* <code>click_to_read_more_button_content_filter</code> – Filter the content before applying read more functionality 
* <code>click_to_read_more_button_button_text</code> – Filter the button text 
* <code>click_to_read_more_button_should_show</code> – Filter to control where the button should appear (receives <code>$show</code> bool and <code>$post_id</code>)
CSS Customisation: 
The fade gradient on truncated content uses the CSS variable <code>--ctrmb-bg</code> (default: <code>#fff</code>) so it blends with any background colour. If your theme uses a non-white background, add this to your theme’s stylesheet:
<pre><code>body { --ctrmb-bg: #your-background-colour; }
</code></pre>
Translation: 
Translation-ready <code>.pot</code> file located at <code>languages/click-to-read-more-button.pot</code>. Place translated <code>.po</code>/<code>.mo</code> files in the <code>languages/</code> folder using the naming convention <code>click-to-read-more-button-{locale}.po</code>.
Support: 
For support and feature requests, please contact the plugin author or submit issues through the WordPress.org support forums.
Donate: 
<a href="https://superwebshare.com/read-more-plugin-donate" rel="nofollow ugc">Donate Here</a>

Collapse It – Show More/Less Expand Button vs Read More Button – Expand Content Without Refresh