Close
Xpertcodes – Where Expertise Meets Innovation | Code | Consult | Expert
Are you building a news portal, online magazine, or content-rich blog with Elementor? Standard Elementor widgets often lack specialized layouts for displaying posts in a magazine-style format — think news tickers, carousels, or tabbed category blocks.
This is where Xpert News Addons for Elementor comes in. As the developer, I’ve created 11 free, lightweight widgets that extend the Elementor editor with professional news and post layouts — all aligned with WordPress coding standards.
In this guide, you’ll learn how to use each widget, plus pro tips for dynamic content layouts that keep readers engaged.
Most news websites need to display:
Breaking news in a scrolling ticker
Category-wise posts in separate tabs
Featured stories in a grid that mixes images and text
Post carousels to save vertical space
The default Elementor Post widget is great but limited — you can’t create a news ticker or a horizontal slider without custom CSS or extra plugins. Xpert News Addons fills that gap with 11 purpose-built widgets under the dedicated XpertCodes category in your Elementor panel.
Before we dive in, ensure your setup meets these requirements:
WordPress 6.0 or higher
PHP 8.0 or higher
Elementor 3.0.0 or higher (free version works perfectly)
Go to Plugins → Add New in your WordPress admin.
Search for “Xpert News Addons for Elementor” — or download it from WordPress.org.
Click Install Now and then Activate.
That’s it. Now edit any page with Elementor — you’ll see the new widgets under the XpertCodes category.
Let me walk you through each widget. I’ve designed them for flexibility, speed, and ease of use.
The workhorse of any magazine layout. It displays posts in a responsive grid (2, 3, or 4 columns). You can filter by category, tag, or author, and choose to show featured images, excerpts, and read-more buttons.
Best for: Homepage category blocks, archive-style pages.
A vertical list of posts with thumbnails on the left. It’s ideal for sidebar “recent news” sections or compact “latest updates” areas.
Pro tip: Combine it with the News Ticker for a complete sidebar news hub.
Similar to the News List, but the first post appears larger with a prominent image, while others are listed below. This mimics the layout of major news sites like CNN or BBC.
Best for: Above-the-fold sections on your homepage.
Displays posts horizontally in a single row without wrapping. It’s perfect for narrow spaces like between content blocks or as a “headlines snapshot.”
A full-width hero layout — large featured image on top, title and excerpt below. This widget is designed for “sticky” posts or breaking news announcements.
SEO benefit: You can set the canonical URL manually, which helps avoid duplicate content.
The simplest widget: just post titles as plain text links (no images). Use it in footer columns or inside popups where bandwidth matters.
This is one of our most popular widgets. It creates a horizontal scrolling or fading ticker of recent post titles — perfect for “breaking news” bars.
You can control:
Scroll speed
Pause on hover
Link to the post or an external URL
A touch‑friendly slider that displays multiple posts at once (e.g., 3 posts visible, slide one at a time). It’s built on Tiny Slider 2.9.2 (lightweight, no jQuery dependency).
Pro tip: Use it in the middle of long articles to showcase related stories without taking too much space.
A single‑post slider with navigation arrows. Each slide contains a featured image, title, and excerpt — like a “featured story rotator” for your homepage.
This widget lets you group posts by category into tabs. Visitors can click on “Sports,” “Technology,” or “Politics” without reloading the page — AJAX loading is built in.
UX benefit: You can pack 3x more content into the same screen area.
Not a widget itself — it’s an organizational category in the Elementor panel. It keeps all Xpert News widgets together, so you don’t have to search through dozens of other addons.
As a developer, I know that many addon plugins bloat your website with unnecessary scripts. Xpert News Addons for Elementor is different:
All frontend assets are minified and can be disabled via a settings toggle if you don’t use certain widgets.
Full source code provided for review: You can examine src/js/xpert_news_scripts.source.js and src/css/xpert_news_styles.source.css inside the plugin folder.
No external build step required to audit the distributed files.
Follows WordPress coding standards and uses proper escaping, sanitization, and nonces.
The plugin uses Tiny Slider 2.9.2 (MIT license). You can find its source at github.com/ganlanyuan/tiny-slider.
Place the News Ticker at the very top of your page (above the header) for breaking headlines, and use News Tabs below the hero section to showcase category-specific content.
Create a custom post type or use a specific tag (e.g., “staff-pick”), then set the News Carousel to pull only posts with that tag. Set it to display 4 posts, visible 3 at a time.
Go to Xpert News → Settings and disable the frontend assets for widgets you don’t use on a particular page. For example, if a page only has the News Grid, you can disable the ticker’s JavaScript.
All widgets are responsive by default. On mobile, the News Grid switches to 1 column, the Carousel reduces visible slides to 1, and the News Ticker adjusts its height. No extra CSS required.
Is Elementor Pro required?
No. Xpert News Addons works with the free version of Elementor. However, some dynamic features (like custom fields from ACF) require Elementor Pro’s dynamic tags.
Will it work with my theme?
Yes — most well-coded themes (Astra, GeneratePress, Hello Elementor, Kadence) are supported. If you see styling issues, the plugin writes its own minimal CSS that you can override via your theme’s additional CSS panel.
Can I translate the widgets?
Absolutely. The plugin is translation-ready with text domains. You can contribute a translation via WordPress.org (currently seeking a 简体中文 translation).
How do I report a bug or request a feature?
Use the WordPress.org support forum. I personally monitor and respond to all threads.
I’m actively developing version 1.1.0, which will include:
AJAX pagination for News Grid and News List
Custom post type support (beyond just posts)
Lazy loading for carousel images
Additional layout styles (masonry grid, overlay titles)
You can see the full changelog and contribute ideas on the plugin page.
If you run a news website, online magazine, or even a corporate blog that needs dynamic content layouts, these 11 free widgets are a no‑brainer. They’re lightweight, well‑coded, and seamlessly integrate with the Elementor you already know.
What I’d improve: The first version (1.0.0) lacks AJAX pagination — coming soon. Also, there are no user reviews yet on WordPress.org. If you find the plugin useful, please leave a 5-star review – it helps independent developers like me continue building free tools.
👉 Download Xpert News Addons for Elementor from WordPress.org
Have questions or need help? Leave a comment below or open a support thread.
Follow XpertCodes for updates on future addons.
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for ‘lorem ipsum’ will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
