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.

Abhay Rautela

The Query Loop block in WordPress does not include a “Random” ordering option in the sidebar UI. 
However, WordPress core does support <code>orderby = rand</code> in <code>WP_Query</code>.
The problem: 
Using <code>"orderBy": "rand"</code> inside a Query Loop block can cause the Site Editor preview to fail, because <code>rand</code> is not included in the REST API schema for posts.
This plugin fixes that by extending the REST API orderby enum so the editor recognizes <code>"rand"</code> as valid.
<h3>✔ What this plugin does</h3>
<ul>
<li>Adds <code>"rand"</code> to the REST API <code>orderby</code> enum for posts and pages. </li>
<li>Allows the Query Loop block to use <code>"orderBy": "rand"</code> safely. </li>
<li>Prevents JSON errors and broken previews in the Site Editor. </li>
<li>Makes “random post” layouts work reliably both in the editor and frontend.</li>
</ul>
<h3>⚠ What this plugin does not do</h3>
<ul>
<li>It does not add a “Random” option to the Query Loop UI dropdown. 
(That UI is defined in Gutenberg’s JavaScript.)</li>
<li>You must still set <code>"orderBy": "rand"</code> manually using the Code Editor.</li>
</ul>
<h3>Example use case</h3>
Want your homepage, blog, quotes site, testimonials, or featured-section to show 
a different post every time the page loads?
Install this plugin → open the template → switch to Code Editor → set <code>"orderBy": "rand"</code>.

Random Posts for Query Loop Block

Adds "rand" to the REST API orderby options so the Query Loop block can use random post order safely without breaking the Site Editor preview.

Post Query Loop for Blog, News & Magazine Sites – Ansar Elements vs Random Posts for Query Loop Block