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/starter-sites/" rel="nofollow ugc">Starter Sites</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, Ajax & numbered pagination.</li>
<li>load More – Improve Load More.</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
<a href="https://themeansar.com/ansar-elements/starter-sites/" rel="nofollow ugc">Starter Sites</a>
<h3>NUMBER OF THE WORDPRESS THEMES & PLUGINS SUPPORTS ðŸ”—</h3>
Ansar Elements Working with all theme, including: 
<a href="https://wordpress.org/themes//blogger-mag/" rel="ugc">Blogger Mag</a> 
<a href="https://wordpress.org/themes/newsup/" rel="ugc">Newsup</a> 
<a href="https://wordpress.org/themes/blogdata/" rel="ugc">BlogData</a> 
<a href="https://wordpress.org/themes/newspaperup/" rel="ugc">Newspaperup</a> 
Hello Elementor 
Astra 
Blocksy 
GeneratePress 
Neve

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.

4wpdev

Anatoliy Dovgun

Make Cover, Group, and Column blocks fully clickable in Gutenberg.
Build Query Loop post cards where visitors can click the image or padding to open the post—while the post title, categories, tags, and buttons keep their own links.
A plugin by <a href="https://4wp.dev/plugin/4wp-smart-link/" rel="nofollow ugc">4wp.dev</a>.
<h4>Demo</h4>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/8ZGojkTl2CM?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h4>Perfect for</h4>
<ul>
<li>Clickable post cards in a Query Loop</li>
<li>Cover heroes that link to a landing page, the current post, or Enlarge on click (core lightbox)</li>
<li>Group or Column layouts that behave like one big tap target</li>
</ul>
<h4>How it works</h4>
<ol>
<li>Select a Cover, Group, or Column block.</li>
<li>Open Smart Link in the block toolbar.</li>
<li>Choose Custom Link, Post Link (inside a Query Loop post template), or on Cover with an image background: Link to image file / Enlarge on click.</li>
<li>Open Preview or the published page to test clicks.</li>
</ol>
Smart Link runs on the published front end. The block editor canvas may not show the same click area as the live site—use Preview when you check behavior.
<h4>When the block already has links inside</h4>
If the block has no other links inside, the whole block opens your URL.
If you added a Post Title, buttons, or terms inside the block, those links still work separately. Clicking empty space (background, padding) opens your Smart Link URL—without broken nested links. 
For developers and theme authors
Anchor mode (no inner links): wraps markup in <code><a class="forwp-smart-link-wrapper forwp-smart-link-wrapper--{cover|group|column}"></code> with <code>data-forwp-smart-link</code>.
Host mode (inner links present): uses <code>data-forwp-smart-link-url</code> and <code>assets/forwp-smart-link-frontend.js</code> so link-in-link HTML is never output; inner anchors stay separate.
Filters: <code>forwp_smart_link_supported_blocks</code>, <code>forwp_smart_link_has_inner_links</code>, <code>forwp_smart_link_use_host_mode</code>.
Style <code>.forwp-smart-link-wrapper</code> on the front end. Editor-only classes (<code>forwp-smart-link-cover-panel*</code>) are not stable for theme CSS.
Source and issues: <a href="https://github.com/4wpdev/4wp-smart-link" rel="nofollow ugc">4wp-smart-link on GitHub</a>.

4WP Smart Link

Make Cover, Group, and Column blocks fully clickable in Gutenberg and Query Loop—no wrapper block, no custom code.

Post Query Loop for Blog, News & Magazine Sites – Ansar Elements vs 4WP Smart Link