themeansar

Ansar Elements is a fast, lightweight Elementor addon built for news, blog, and magazine websites.
Build dynamic post displays with the Post Query Loop widget — choose from Standard, Overlay, or List card layouts, Pro has Filter posts by category or tag, control columns and gaps responsively, and add pagination. No coding needed.
Every widget is built with SEO-friendly HTML structure, support for Schema Markup, and fast loading performance which helps your website appear more relevant and fast to search engines.
<a href="https://sites.themeansar.com/ae/lite" rel="nofollow ugc">Free Demo</a> | <a href="https://themeansar.com/ansar-elements/" rel="nofollow ugc">Pro</a> | <a href="https://docs.themeansar.com/docs/ansar-elements/" rel="nofollow ugc">Documentation</a>
<h4>📰 Post Query Loop Widget</h4>
The core widget. Full control over how your posts are displayed:
Layout
<ul>
<li>3 card presets: Standard (image top), Overlay (content over image), and List (horizontal)</li>
<li>Responsive columns — set 1–5 columns separately for desktop, tablet, and mobile</li>
<li>Control column gap and row gap independently</li>
<li>Works with any post type</li>
</ul>
Query
<ul>
<li>Filter posts by category, tag, author, or custom taxonomy</li>
<li>Set posts per page (1–100)</li>
<li>Order by date, popularity, or custom fields</li>
</ul>
Card Content
<ul>
<li>Show or hide: featured image, title, excerpt, category, meta, and read more button</li>
<li>Control excerpt length</li>
<li>Custom button text and icon</li>
</ul>
Pagination
<ul>
<li>Numbered pagination with previous / next controls</li>
<li>Custom prev/next labels</li>
</ul>
Full Style Controls
<ul>
<li>Style every card element — image, title, category, meta, excerpt, and button</li>
<li>All styling controls are responsive</li>
</ul>
<h4>🛠️ Theme Builder Modules</h4>
Build the full site around your content:
<ul>
<li>Header Builder – Custom headers for your blog or news site</li>
<li>Footer Builder – Dynamic footers with full widget support</li>
<li>Archive Builder – Custom layouts for category and tag pages</li>
<li>Single Post Builder – Unique templates for posts and articles</li>
<li>404 Page Builder – Branded error pages</li>
</ul>
<h4>🧩 Theme Builder Widgets</h4>
Enhance your website’s header and navigation experience with these essential Elementor widgets:
<ul>
<li>Site Logo – Custom sizing and linking</li>
<li>Site Title & Tagline – Styled to match your brand</li>
<li>Navigation Menu – Horizontal, vertical, or mobile-expandable</li>
<li>Search Widget – Multiple layout styles</li>
<li>Copyright – Auto-updating year, zero maintenance</li>
<li>Date & Time – Display current date/time in various formats</li>
<li>Breadcrumb – Improve navigation and SEO with clear, structured breadcrumb trails.</li>
<li>Live Search – Provide instant search results as users type for a faster browsing experience.</li>
<li><a href="https://themeansar.com/ansar-elements/elements/header/" rel="nofollow ugc">Light/Dark Toggle</a> – Let visitors switch between light and dark modes for comfortable reading.</li>
<li><a href="https://themeansar.com/ansar-elements/elements/header/" rel="nofollow ugc">Scroll to Top</a> – Smooth scroll-to-top button for better navigation on long articles.</li>
</ul>
<h4>✅ Why Ansar Elements</h4>
<ul>
<li>Lightweight — scripts and styles load only where used, keeping your site fast</li>
<li>Works with the free version of Elementor</li>
<li>Built specifically for news, blog, and magazine sites</li>
<li>Beginner-friendly with advanced controls for power users</li>
<li>Follows WordPress coding standards</li>
<li>Compatible with most modern WordPress themes</li>
</ul>
<h4>⚡ Pro Version</h4>
Unlock advanced publishing features and take your website to a professional level:
<ul>
<li>Category Filter Bar – Let visitors filter posts by category without a page reload</li>
<li>Section Heading – Styled headings with accent lines above your post grids</li>
<li>Post Counter – Display post numbers on each card</li>
<li>Editorial Layout Widget – Magazine-style layouts with featured + supporting post combinations</li>
<li>Featured Posts Widget – Hero layouts: cover, left/right side, top/bottom with small posts</li>
<li>Engagement widgets – Trending posts, related posts, author box, social share</li>
<li>Advanced pagination – Improve navigation with clean, numbered pagination.</li>
<li>Dark mode support – Built-in light/dark toggle for better UX</li>
<li>WooCommerce compatible – Works with online stores and product blogs</li>
<li>Single Post Enhancers – Reading time, breadcrumbs, meta controls</li>
</ul>
Upgrade to Pro for a professional, high-performance publishing experience.
<h4>Widgets Included</h4>
Transform your content with these powerful Elementor widgets:
<ul>
<li><a href="https://themeansar.com/ansar-elements/elements/news-ticker/" rel="nofollow ugc">News Ticker</a> – Display scrolling breaking news with customizable speed, direction, and styling.</li>
<li><a href="https://themeansar.com/ansar-elements/elements/post-query-loop/" rel="nofollow ugc">Post Query Loop</a> – Create stunning blog post grids with multiple layouts, filtering, and pagination options.</li>
<li><a href="https://themeansar.com/ansar-elements/elements/featured-posts/" rel="nofollow ugc">Featured posts</a> – Build professional magazine-style layouts with featured posts and category sections.</li>
<li><a href="https://themeansar.com/ansar-elements/elements/post-slider/" rel="nofollow ugc">Post Slider</a> – Display your posts in an elegant slider layout â€” ideal for featuring the latest news and updates.</li>
<li><a href="https://themeansar.com/ansar-elements/elements/post-carousel/" rel="nofollow ugc">Post Carousel</a> – Display posts in beautiful sliding carousel with navigation controls. </li>
<li><a href="https://themeansar.com/ansar-elements/elements/post-tab-trending/" rel="nofollow ugc">Post Tab Trending</a> – Highlight trending content in organized tabs for better user engagement.</li>
<li><a href="https://themeansar.com/ansar-elements/elements/featured-posts-category-filter/" rel="nofollow ugc">Featured Posts Category filter</a> – Let users easily explore posts by category with interactive filtering options.</li>
<li><a href="https://themeansar.com/ansar-elements/elements/post-timeline/" rel="nofollow ugc">Post timeline</a> – Tell stories or showcase updates in a clean, chronological timeline layout.</li>
<li><a href="https://themeansar.com/ansar-elements/elements/post-accordian/" rel="nofollow ugc">post accordion</a> – Organize content into expandable sections for a neat and user-friendly interface.</li>
<li><a href="https://themeansar.com/ansar-elements/elements/table-of-contents/" rel="nofollow ugc">table of contents</a> – Improve readability and navigation with an auto-generated content index.</li>
<li><a href="https://themeansar.com/ansar-elements/elements/comparison-table/" rel="nofollow ugc">Comparison Table</a> – Present features, plans, or products side-by-side for easy decision-making.</li>
<li><a href="https://themeansar.com/ansar-elements/elements/heading/" rel="nofollow ugc">Heading Widget</a> – Advanced heading styles with animations and decorative elements.</li>
<li><a href="https://themeansar.com/ansar-elements/elements/creative-button/" rel="nofollow ugc">Creative Button</a> – Drive conversions with eye-catching call-to-action buttons featuring dynamic hover effects and icons.</li>
</ul>
<h4>💡 Built For</h4>
News websites · Online magazines · Bloggers · Content publishers · Editorial sites · Personal blogs

Post Query Loop for Blog, News & Magazine Sites – Ansar Elements

Display posts in beautiful grid, list & magazine layouts with a powerful Query Loop widget for Elementor — Fast and lightweight.

WEB LAZER

Weblazer Infinite Scroll provides a way to add infinite scrolling to your WordPress archives. Built with performance in mind, it is written in Vanilla JS and relies on the native Intersection Observer API for efficient scroll detection.
This plugin is specifically optimized for modern WordPress block themes and the Query Loop block, ensuring seamless integration with the Site Editor. It also features URL synchronization, which updates the browser address bar as users scroll through different pages.
<h3>For Developers</h3>
You can hook into the event when new posts are loaded to re-run your custom scripts:
<pre><code>document.addEventListener('weblazer:infinite-scroll:posts-loaded', (e) => {
 console.log('Page loaded:', e.detail.page);
 console.log('URL:', e.detail.url);
});
</code></pre>

Weblazer Infinite Scroll for Block Themes

High-performance infinite scroll for WordPress. Native JS, SEO-friendly with URL synchronization. Optimized for Block Themes and the Query Loop block.

Post Query Loop for Blog, News & Magazine Sites – Ansar Elements vs Weblazer Infinite Scroll for Block Themes