Mohammad Sajid Ansari

<p><strong>Idara Reading Time</strong> is a focused, single-purpose Gutenberg block that does one thing well: shows readers how long your post will take. It also offers an optional scroll progress bar — a thin bar pinned to the top or bottom of the page that fills as the visitor scrolls.</p>
<p><em>Idara (إدارة) is an Arabic word meaning “studio” or “administration” — the brand behind a growing family of carefully crafted, single-purpose Gutenberg blocks.</em></p>
<h4>Why this and not a full block suite?</h4>
<p>Most block plugins ship 30+ blocks you’ll never use, slowing your editor and your frontend. Idara plugins are deliberately small. This one is under 25 KB. CSS and JS load <strong>only on pages where the block is present</strong> — never globally.</p>
<h4>Features</h4>
<ul>
<li>Estimated reading time, calculated server-side from your post content</li>
<li>Display as a single value (“3 min read”) or a friendly range (“2–3 min read”)</li>
<li>Adjustable words-per-minute (50–600)</li>
<li>4 icon styles: clock, timer, hourglass, or none</li>
<li>Optional scroll progress bar with color, height, and position (top/bottom)</li>
<li>Hide on short posts (e.g. don’t show on anything under 2 minutes)</li>
<li>Custom prefix and suffix text</li>
<li>Inherits theme typography and text color via block supports</li>
<li>Full Site Editing (FSE) compatible — works inside block templates and template parts</li>
<li>Block toolbar shortcuts for icon cycling and range toggle</li>
<li>Semantic, accessible markup with ARIA labels</li>
<li>No tracking, no external requests, no third-party services</li>
<li>Translation-ready</li>
</ul>
<h4>Use cases</h4>
<ul>
<li>Blog posts where readers want to gauge time investment</li>
<li>Long-form articles where the scroll progress bar improves engagement</li>
<li>Documentation sites</li>
<li>News and magazine layouts</li>
</ul>
<h3>Development</h3>
<p>Source code and build tools are available on GitHub:<br />
https://github.com/sajid-ansari-65/idara-reading-time</p>
<p>The <code>src/</code> directory contains the unminified JavaScript (ES modules, JSX) and SCSS. Run <code>npm install && npm run build</code> to compile.</p>


Idara Reading Time

Show estimated reading time with an optional scroll progress bar. A lightweight, FSE-ready Gutenberg block that loads only where used.

WPXERO

<p>🚀 <strong>MarqueeX</strong> is the ultimate WordPress marquee plugin for <strong>Gutenberg and Elementor</strong> page builders. Create beautiful <strong>horizontal and vertical scrolling content, dynamic news tickers, post marquees, announcement banners, infinite content sliders, and smooth marquee animations</strong> with our powerful collection of native widgets and blocks.</p>
<h3>🆕 NEW IN VERSION 0.3.0: POST MARQUEE FEATURE</h3>
<p><strong>Introducing the highly requested Post Marquee widget!</strong> Now you can automatically display your latest blog posts, custom post types, WooCommerce products, and any WordPress content in a stunning scrolling marquee format. Perfect for:</p>
<ul>
<li>📰 <strong>Latest Blog Posts</strong> – Showcase your newest articles in an eye-catching scrolling display</li>
<li>🛒 <strong>WooCommerce Products</strong> – Create dynamic product carousels that auto-update</li>
<li>📝 <strong>Custom Post Types</strong> – Display portfolios, testimonials, team members, and more</li>
<li>🔄 <strong>Auto-Updating Content</strong> – Marquee automatically refreshes with new posts</li>
<li>🎨 <strong>Full Customization</strong> – Control post count, order, categories, and visual styling</li>
</ul>
<p>Whether you’re building <strong>news websites, eCommerce stores, business portfolios, or marketing landing pages</strong>, MarqueeX delivers professional-grade scrolling solutions that enhance user engagement while maintaining perfect <strong>SEO performance and Core Web Vitals optimization</strong>. Create eye-catching <strong>testimonial sliders, client logo carousels, product showcases, breaking news feeds, promotional banners, post carousels, and dynamic content galleries</strong> without any coding knowledge required.</p>
<p>Our plugin features <strong>native Elementor integration with Image Marquee, Text Marquee, Post Marquee, and News Ticker widgets</strong>, plus a powerful <strong>Gutenberg MarqueeX block</strong> that works seamlessly with all WordPress themes and Full Site Editing (FSE) environments. Every marquee element is built with <strong>accessibility standards (WCAG compliant), mobile-responsive design, and search engine optimization</strong> to ensure your scrolling content performs exceptionally across all devices and search rankings.</p>
<h4>Native Page Builder Integration</h4>
<h3>🎨 <strong>Elementor Widgets Collection</strong></h3>
<ul>
<li>
<p><strong>🆕 Post Marquee Widget</strong> – Automatically display WordPress posts, custom post types, and WooCommerce products in a beautiful scrolling marquee with full query controls, featured image support, and dynamic content updates</p>
</li>
<li>
<p><strong>Image Marquee Widget</strong> – Create stunning scrolling image galleries, product showcases, client logo carousels, and portfolio displays with customizable hover effects and transition animations</p>
</li>
<li>
<p><strong>Text Marquee Widget</strong> – Build dynamic text animations, promotional banners, testimonial sliders, and announcement scrollers with full typography control, gradient backgrounds, and custom styling options</p>
</li>
<li>
<p><strong>News Ticker Widget</strong> – Design professional breaking news feeds, live updates, stock tickers, and emergency announcements with RSS feed integration and real-time content management</p>
</li>
<li>
<p><strong>Advanced Visual Controls</strong> – Complete Elementor editor integration with drag-and-drop functionality, live preview, responsive settings, and instant visual feedback</p>
</li>
<li>
<p><strong>Template Library</strong> – Pre-designed marquee templates and layouts for quick implementation across different industries and use cases</p>
</li>
</ul>
<h3><strong>📝 Gutenberg Block Features:</strong></h3>
<ul>
<li>
<p><strong>Native MarqueeX Block</strong> – Powerful Gutenberg block with comprehensive settings panel for creating any type of scrolling content directly in the WordPress editor</p>
</li>
<li>
<p><strong>Post Marquee Block</strong> – Display dynamic WordPress posts and custom post types in scrolling marquee format with query builder support</p>
</li>
<li>
<p><strong>Block Pattern Library</strong> – Ready-to-use marquee patterns and layouts that can be inserted with one click for faster page building</p>
</li>
<li>
<p><strong>Universal Block Compatibility</strong> – Seamlessly integrates with all core WordPress blocks, third-party blocks, and custom block collections</p>
</li>
<li>
<p><strong>FSE Theme Optimization</strong> – Fully compatible with Full Site Editing themes, block themes, and modern WordPress site building workflows</p>
</li>
<li>
<p><strong>Visual Block Inspector</strong> – Intuitive settings panel with real-time preview, style variations, and advanced customization options</p>
</li>
<li>
<p><strong>Block Variations</strong> – Multiple pre-configured block styles for different content types including news, testimonials, products, posts, and general content</p>
</li>
</ul>
<h3>Why Choose MarqueeX for Your WordPress Website</h3>
<p>✅ <strong>🆕 Post Marquee Feature</strong> – Display dynamic WordPress posts in scrolling marquees</p>
<p>✅ <strong>Elementor & Gutenberg Native Integration</strong> – Built specifically for WordPress page builders</p>
<p>✅ Create <strong>professional news tickers</strong> & announcement banners</p>
<p>✅ Build <strong>scrolling text sliders</strong> & dynamic content carousels</p>
<p>✅ Showcase testimonials, product highlights, and client logos</p>
<p>✅ <strong>SEO-optimized</strong> markup for better search rankings</p>
<p>✅ <strong>Fully responsive</strong> design on all devices</p>
<p>✅ <strong>Lightweight & fast loading</strong> for optimal performance</p>
<p>✅ <strong>Visual drag & drop controls</strong> in both Elementor and Gutenberg</p>
<p>✅ <strong>WCAG accessibility compliant</strong> for inclusive design</p>
<p>✅ <strong>WooCommerce compatible</strong> for eCommerce product marquees</p>
<h4>Key Features for Page Builders</h4>
<h3>🆕 Post Marquee – Dynamic Content Display</h3>
<ul>
<li>Display latest WordPress posts, pages, and custom post types in scrolling marquee format</li>
<li>WooCommerce product marquee support for eCommerce stores and online shops</li>
<li>Advanced query controls: filter by category, tag, author, date, and custom taxonomies</li>
<li>Featured image support with customizable image sizes and aspect ratios</li>
<li>Post meta display options: title, excerpt, date, author, categories, and read more links</li>
<li>Auto-updating content that refreshes when new posts are published</li>
</ul>
<h3>🎯 WordPress Page Builder Integration & SEO Optimization</h3>
<ul>
<li>Native Elementor marquee widgets with advanced visual controls and SEO-optimized markup</li>
<li>Professional Gutenberg marquee blocks with comprehensive settings panel and search engine friendly structure</li>
<li>Real-time live preview functionality in both Elementor and Gutenberg editors for enhanced workflow</li>
<li>Universal WordPress theme compatibility ensuring seamless integration across all page builder environments</li>
</ul>
<h3>🎬 Advanced Marquee Animation Controls for Better User Experience</h3>
<ul>
<li>Multi-directional scrolling marquee animations (horizontal left/right, vertical up/down) optimized for Core Web Vitals</li>
<li>Customizable animation speed, timing intervals, and CSS3 easing effects for smooth performance</li>
<li>Interactive pause-on-hover functionality with infinite scrolling loops for enhanced user engagement</li>
<li>Hardware-accelerated CSS3 animations ensuring optimal page speed and search engine performance</li>
</ul>
<h3>🎨 Professional Design & Customization Options</h3>
<ul>
<li>Comprehensive typography controls with Google Fonts integration and SEO-friendly text rendering</li>
<li>Multiple pre-designed marquee templates and layout variations for different industries and content types</li>
<li>Advanced custom CSS support with responsive design controls for pixel-perfect marquee displays</li>
<li>Mobile-first responsive breakpoint settings ensuring optimal viewing across all devices and screen sizes</li>
</ul>
<h3>⚡ SEO Performance & Search Engine Optimization Benefits</h3>
<ul>
<li>Search engine optimized HTML5 semantic markup structure for improved SERP rankings and content indexing</li>
<li>Lightweight CSS and JavaScript loading with lazy loading support for faster page speed scores</li>
<li>Built-in Schema.org structured data markup support for enhanced rich snippets and search visibility</li>
<li>Google Core Web Vitals optimized animations ensuring excellent Lighthouse performance scores</li>
</ul>
<h3>Perfect for Every Website Type & Professional Page Builder Workflow</h3>
<ul>
<li>
<p><strong>News & Magazine Websites</strong> – SEO-optimized scrolling headlines, breaking news tickers, and post marquees using Elementor widgets</p>
</li>
<li>
<p><strong>eCommerce & Online Stores</strong> – Product showcase sliders, WooCommerce product marquees, and promotional banners for better conversion rates</p>
</li>
<li>
<p><strong>Business & Corporate Websites</strong> – Client testimonials, company logos, latest blog posts, and trust signals using professional Gutenberg marquee blocks</p>
</li>
<li>
<p><strong>Event & Conference Sites</strong> – Upcoming events schedules, speaker announcements, and live updates with optimized marquee displays</p>
</li>
<li>
<p><strong>Portfolio & Creative Sites</strong> – Work samples galleries, project showcases, and creative content sliders with stunning visual effects</p>
</li>
<li>
<p><strong>Marketing & Landing Pages</strong> – High-converting promotional banners, call-to-action sliders, and announcement marquees for lead generation</p>
</li>
<li>
<p><strong>Blog & Content Websites</strong> – Display latest posts, featured articles, and trending content in dynamic post marquees</p>
</li>
</ul>
<h3>Quick Start Guide</h3>
<h4>For Elementor Users:</h4>
<ol>
<li>Install & Activate MarqueeX</li>
<li>Edit any page with Elementor</li>
<li>Make sure to turn on Elementor in MarqueeX Dashboard</li>
<li>Find MarqueeX widgets in the elements panel</li>
<li>Drag Image Marquee, Text Marquee, Post Marquee, or News Ticker widgets</li>
<li>Customize settings and add content</li>
<li>Preview & Publish!</li>
</ol>
<h4>For Gutenberg Users:</h4>
<ol>
<li>Install & Activate MarqueeX</li>
<li>Edit any page/post with Gutenberg</li>
<li>Make sure to turn on Gutenberg in MarqueeX Dashboard</li>
<li>Add MarqueeX block from block inserter</li>
<li>Configure animation and design settings</li>
<li>Add your content and publish!</li>
</ol>


MarqueeX – Smooth Marquee Slider, News Ticker & Post Marquee for Gutenberg & Elementor

Create stunning horizontal & vertical marquees, news tickers, post marquees & infinite sliders for Elementor & Gutenberg. SEO-optimized & lightweight.

Idara Reading Time vs MarqueeX – Smooth Marquee Slider, News Ticker & Post Marquee for Gutenberg & Elementor