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.

Tiago Noronha

Nate Allen

Glynn Quelch

nickpagz

Tom Rhodes

Derek Hanson

Geoff Guillain

Fernando Fernandes

Automattic Special Projects

Robert Mueller

Kim Clow

This WordPress plugin adds a load more option to the Query Loop Pagination block in Gutenberg, allowing users to load more posts without refreshing the page. It replaces the traditional <code>Previous</code> <code>Next</code> and numbered pagination, with a customizable, <code>Load More</code> button.
<h3>Instructions</h3>
To use this plugin, you must first add the Query Loop block into your post content, then add the Pagination block inside the Query Loop. When working with the Pagination block, you will see new options to enable load more on the block. 
The load more option allows you to set a loading text parameter and also the button text. The load more button works with the alignment options and arrow options of the pagination block. 
Here is how to enable the load more option:
<ol>
<li>Add the Query Loop block to your post content.</li>
<li>Inside the Query Loop block, add the Pagination block.</li>
<li>In the Pagination block settings, enable the “Load More” option.</li>
<li>Set the loading text parameter and the button text.</li>
<li>Customize the alignment and arrow options if desired.</li>
</ol>
That’s it! Your visitors can now load more posts by clicking the load more button without refreshing the page.
<h3>Customization Options</h3>
<ul>
<li>Alignment: Use standard block editor settings to set the alignment of the load more button</li>
<li>Button: Choose the button option for users to click to load more posts</li>
<li>Button Text: Customize the load more button text</li>
<li>Loading Text: Customize the text for the post loading state</li>
<li>Infinite Scroll: Choose this option to allow new posts to load automatically when users reach the bottom of the feed</li>
<li>Color: Customize the color of the load more button and the loading state icon when using the infinite scroll option</li>
<li>Update URL: Choose this option to update the browser’s URL when loading more posts</li>
</ul>

Query Loop Load More

This WordPress plugin adds a load more option to the Query Loop Pagination block in Gutenberg, allowing users to load more posts without refreshing th …

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