DevMoaz

Collapsi for the Block Editor adds an editor-only chevron toggle to every Gutenberg block. Hover any top-level block, click the chevron, and the block tucks away into a compact bar showing the block’s icon, title, and a short content preview (paragraph text, image alt, “5 blocks”, and so on). Toggle it back open with the same chevron.
Built for the long pages and Site Editor templates where scrolling past 50 blocks to find the one you want is the daily annoyance. Collapsi is strictly editor-only — your published site is untouched, no extra CSS or JS ships to the frontend.
<h4>Why this plugin</h4>
<ul>
<li>Stop scrolling endlessly. Collapse the sections you’re not working on. Find the one you are in seconds.</li>
<li>Works on every block. Core, third-party, custom, ACF — anything Gutenberg renders, Collapsi can collapse.</li>
<li>Survives reloads. Collapse state is saved per post, per template, per browser. Come back tomorrow, your layout is where you left it.</li>
<li>Per-instance opt-out. Set “Never collapse this block” on a hero or any pinned block from the block settings menu.</li>
<li>Keyboard shortcut. <code>Alt+Shift+C</code> toggles all top-level blocks at once. Discoverable in WP’s shortcut help modal (<code>?</code>).</li>
<li>No telemetry. No remote calls. No premium upsell. Free, GPL, forever.</li>
</ul>
<h4>How it works</h4>
The plugin hooks <code>editor.BlockListBlock</code> with a higher-order component that wraps every top-level block. State lives in a <code>@wordpress/data</code> store and persists to <code>localStorage</code> keyed by either the block’s structural path (<code>"0.2.1"</code>) or its user-set name from Gutenberg’s rename feature. A <code>PluginSidebar</code> exposes Collapse All / Expand All / Focus Mode. Settings live at <code>Settings → Collapsi</code> and persist via the REST API.
<h4>Compatibility</h4>
<ul>
<li>WordPress 6.5+ (iframed editor)</li>
<li>PHP 7.4+</li>
<li>Post Editor and Site Editor</li>
<li>Browsers: Chrome 90+, Firefox 88+, Safari 14+, Edge 90+</li>
</ul>
<h4>Not in scope</h4>
<ul>
<li>No Classic Editor support — Gutenberg only</li>
<li>No frontend collapse (this is an editor productivity plugin, not a UX framework)</li>
<li>No premium tier</li>
</ul>
<h3>Development</h3>
Source code, issue tracker, and build instructions live at https://github.com/devMoaz/collapsi-for-block-editor. The compiled assets in <code>build/</code> are produced by <code>@wordpress/scripts</code> (webpack) from the <code>src/</code> directory in the GitHub repository. Run <code>npm install && npm run build</code> to reproduce.

Collapsi for the Block Editor

Editor-only collapse/expand toggle for every Gutenberg block. Tame long posts and templates without losing your place.

George Gkouvousis

Introducing the Read More Without Refresh WordPress plugin v4.0.0 – your key to elevating user experience on your website. 🚀
Say goodbye to the cumbersome page reloads that disrupt seamless content exploration. With our plugin, readers can now effortlessly access more of your valuable content without any interruptions and boost your SEO!
🎉 Version 4.0.0 – Major Update! This release brings a complete UI overhaul, new free features, and showcases all 30+ Pro features so you know exactly what you’re getting when you upgrade!
<h4>✨ New in v4.0.0 (Free Version):</h4>
<ul>
<li>
 Smooth Scroll: Automatically scrolls to expanded content for better user experience
 </li>

<li>
 Print Optimization: All content automatically expands when printing – perfect for readers who want to print your articles
 </li>

<li>
 Modern UI: Beautiful tabbed interface with better organization and user experience
 </li>

<li>
 Feature Transparency: See all Pro features in settings (disabled) so you know exactly what you’re getting with Pro
 </li>

<li>
 Enhanced Security: Zero inline JavaScript, comprehensive sanitization, enterprise-grade security
 </li>

<li>
 Better Accessibility: Full ARIA support, keyboard navigation, screen reader optimized
 </li>
</ul>
<h4>Key Features:</h4>
<ul>
<li>
 Instant Content Expansion: Enjoy a smooth ‘Read More’ transition without the need for page refreshes. Keep your visitors engaged and immersed in your content effortlessly.
 </li>

<li>
 Enhanced User Engagement: Reduce bounce rates and keep visitors on your site longer by providing a frictionless reading experience. The Read More Without Refresh plugin ensures your content flows seamlessly, creating a positive impression on your audience.
 </li>

<li>
 SEO-Friendly Design: Our plugin is crafted with SEO in mind. Maintain optimal search engine visibility while providing an enhanced reading experience for your audience. A win-win for both search engines and site visitors. All hidden content is 100% crawlable by search engines!
 </li>

<li>
 Smooth Animations: Professional fade animations make content expansion feel natural and polished.
 </li>

<li>
 Keyboard Accessible: Full keyboard navigation support (Enter/Space keys) for accessibility compliance.
 </li>

<li>
 Customizable Styling: Change button colors, borders, padding, and font weight to match your brand.
 </li>

<li>
 Gutenberg Compatible: Works seamlessly in the WordPress block editor.
 </li>
</ul>
It works via a shortcode and can be placed everywhere and you can style its colors through its settings menu. Feel free to try its frontend demo <a href="https://apps.8web.gr/demos/wordpress-read-more-without-refresh-plugin/" rel="nofollow ugc">here</a>, to take a look at this <a href="https://youtu.be/uBKMmvFgqqg" rel="nofollow ugc">YouTube videocast</a> or to verify its <a href="https://apps.8web.gr/demos/rmwr-gutenberg.gif" rel="nofollow ugc">Gutenberg compatibility</a>.
Simple Shortcode Usage: `[read more] Your long text [/read]`

<h4>🚀 PRO VERSION AVAILABLE – 30+ Premium Features!</h4>

 
 <a href="https://shop.8web.gr/product/read-more-without-refresh-pro/" rel="nofollow ugc">Check out the PRO VERSION</a>
 

Unlock 30+ Premium Features with the PRO Version: Upgrade to the Read More Without Refresh PRO version for an even more powerful toolkit to boost your website’s performance.
<h4>🎯 FEATURES OF PRO VERSION (v4.0.0):</h4>
🎨 Design & Styling:
<ul>
<li>
 20 Button Templates 
 Choose from 20 pre-designed professional button styles. One-click application, no CSS knowledge needed. Styles include Modern Blue, Classic Underline, Rounded Gradient, Minimalist, Bold Button, Soft Shadow, Outline Style, Glassmorphism, Neon Glow, and more!
 </li>

<li>
 9 Animation Types 
 Fade, slide, flip, zoom, bounce, rotate, scale, elastic animations with customizable duration (0-2000ms). Make your content expansion stand out!
 </li>

<li>
 Font Awesome Icons 
 Full Font Awesome 6.4.0 library access – 6,000+ icons available. Add icons to your buttons for better visual appeal.
 </li>

<li>
 Google Fonts Integration 
 10+ pre-configured Google Fonts (Roboto, Open Sans, Lato, Montserrat, Poppins, Raleway, Oswald, and more). Automatic loading and integration.
 </li>

<li>
 Advanced Styling 
 Gradients, advanced typography controls (font size, line height, letter spacing, text transform), border radius, and more styling options.
 </li>
</ul>
🎯 Content Features:
<ul>
<li>
 Accordion/FAQ Mode 
 Perfect for FAQs and product details. Auto-collapsing accordion groups with Schema.org markup for SEO. Use `[read mode=”accordion” accordion_id=”faq1″]` for organized content sections.
 </li>

<li>
 Conditional Display Rules 
 Time-based, scroll-triggered, device-filter, and role-based content display. Perfect for personalization. Show content after X seconds, on scroll, or for specific user roles.
 </li>

<li>
 Lazy Loading 
 Load content via AJAX only when expanded. Significantly improves page load times and performance.
 </li>

<li>
 Dynamic Shortcode Texts 
 Customize button text per instance: `[read open=”Show” close=”Hide”]` content `[/read]`
 </li>

<li>
 Custom Static IDs 
 Set your own meaningful IDs for better tracking: `[read id=”product-details”]`
 </li>
</ul>
📊 Analytics & Tracking:
<ul>
<li>
 Advanced Analytics Dashboard 
 Full analytics submenu with click tracking, engagement rates, top clicked instances, and CSV export. Know exactly what content engages your users!
 </li>

<li>
 Google Analytics Integration 
 Track read more clicks with GA4 and Universal Analytics. Monitor user engagement and optimize your content strategy.
 </li>
</ul>
🔧 Advanced Features:
<ul>
<li>
 Gutenberg Block Editor 
 Full-featured visual block with all Pro features available in the editor. No need to remember shortcode syntax!
 </li>

<li>
 Schema.org Markup 
 Automatic FAQPage schema for SEO boost in search results. Better visibility in Google search!
 </li>

<li>
 Smooth Scroll Configuration 
 Customizable scroll offset (0-500px) perfect for fixed headers. Fine-tune the user experience.
 </li>
</ul>
📋 Feature Comparison:
Core Features (Available in Both Versions):
<ul>
<li>Basic Show/Hide – ✅ Free | ✅ Pro</li>
<li>Custom Colors & Styling – ✅ Free | ✅ Pro</li>
<li>Smooth Scroll – ✅ Free | ✅ Pro</li>
<li>Print Optimization – ✅ Free | ✅ Pro</li>
<li>Fade Animation – ✅ Free | ✅ Pro</li>
</ul>
Pro-Only Features:
<ul>
<li>20 Button Templates – 👁️ Free (visible but disabled) | ✅ Pro (fully active)</li>
<li>9 Animation Types – 👁️ Free (visible but disabled) | ✅ Pro (fade, slide, flip, zoom, bounce, rotate, scale, elastic)</li>
<li>Accordion/FAQ Mode – 👁️ Free (visible but disabled) | ✅ Pro (with Schema.org markup)</li>
<li>Conditional Display Rules – 👁️ Free (visible but disabled) | ✅ Pro (time-based, scroll-triggered, device-filter, role-based)</li>
<li>Analytics Dashboard – 👁️ Free (visible but disabled) | ✅ Pro (full dashboard with CSV export)</li>
<li>Lazy Loading – 👁️ Free (visible but disabled) | ✅ Pro (AJAX content loading)</li>
<li>Font Awesome Icons (6,000+) – 👁️ Free (visible but disabled) | ✅ Pro (full Font Awesome 6.4.0 library)</li>
<li>Google Fonts Integration – 👁️ Free (visible but disabled) | ✅ Pro (10+ pre-configured fonts)</li>
<li>Advanced Typography – 👁️ Free (visible but disabled) | ✅ Pro (font size, line height, letter spacing, text transform)</li>
<li>Gradient Backgrounds – 👁️ Free (visible but disabled) | ✅ Pro (CSS gradient support)</li>
<li>Google Analytics Integration – 👁️ Free (visible but disabled) | ✅ Pro (GA4 & Universal Analytics)</li>
<li>Gutenberg Block Editor – 👁️ Free (visible but disabled) | ✅ Pro (full-featured visual block)</li>
<li>Schema.org Markup – 👁️ Free (visible but disabled) | ✅ Pro (automatic FAQPage schema)</li>
<li>Custom Static IDs – ❌ Free | ✅ Pro</li>
<li>Per-Instance Text Override – ❌ Free | ✅ Pro</li>
</ul>
👁️ = Visible in settings but disabled (Pro feature indicator) – See what you’re getting with Pro!

<h4>Why Upgrade to PRO?</h4>
<ul>
<li>Professional Appearance: 20 pre-designed button templates make your site look polished instantly</li>

<li>Better Analytics: Know what content engages users with comprehensive analytics dashboard and Google Analytics integration</li>

<li>Advanced Features: Accordion mode, conditional display, lazy loading, and more for maximum flexibility</li>

<li>Performance: Lazy loading reduces initial page load times significantly</li>

<li>SEO Boost: Schema.org markup and better content organization improve search rankings</li>

<li>Text Customization: Align the ‘Read More’ and ‘Read Less’ messages with your brand’s messaging strategy for a cohesive user experience</li>

<li>Priority Support: Enjoy priority assistance from our dedicated support team to ensure a smooth and hassle-free experience with the PRO features</li>

<li>Value: 30+ premium features for one affordable price</li>
</ul>
Enhance your WordPress site today with the Read More Without Refresh plugin, and take it to the next level with the PRO version’s advanced features. Elevate user satisfaction, improve SEO, and make your content shine!

 
 <a href="https://shop.8web.gr/product/read-more-without-refresh-pro/" rel="nofollow ugc">Check out the PRO VERSION</a>

Collapsi for the Block Editor vs Read More Without Refresh