Theme Builder · Elementor
TB - Archive Posts widget for Elementor
TB - Archive Posts is a Theme Builder field. Add it on a King Addons Theme Builder template (single, archive, 404) so it can read the current query — not on a generic landing page.
Get King Addons
This page describes the PHP/JS for this widget — not a renamed stub. Install the free plugin from WordPress.org.
What it actually does
TB - Archive Posts is a Theme Builder field. Add it on a King Addons Theme Builder template (single, archive, 404) so it can read the current query — not on a generic landing page.
Theme Builder Archive Posts widget (Free).
Content is loaded with WP_Query in PHP (not a hardcoded list in the editor).
Some inspector controls are marked Pro in PHP (eicon-pro-icon / king-addons-pro-control). Those need King Addons Pro, not Elementor Pro.
How to add it in Elementor
- Install King Addons. Install Elementor and King Addons. Get King Addons from WordPress.org.
- Open a Theme Builder template. Place this widget on a King Addons Theme Builder template (single, archive, 404), not a random landing page.
- Insert the widget. Search the panel for “TB - Archive Posts”. Typing “king” lists every King Addons widget.
- Set inspector controls from this widget’s PHP. Configure “Layout (Pro)”, “Columns”, “Gap”, “Show Featured Image”. Style and Content tabs are listed on this page.
When to use it
- A single-post template that needs TB - Archive Posts.
- An archive or 404 template in Theme Builder.
- A dynamic layout where the content comes from the current query.
Inspector controls from this widget’s PHP
| Control | What the code does |
|---|---|
| Layout — Layout (Pro) | The chosen value is read in render() and applied on the front end. Options: Grid; List; Cards (Pro); Cards %s. |
| Layout — Columns | Spacing/size control (min 1, max 4). |
| Layout — Gap | Writes CSS `gap` onto the widget’s front-end markup. (min 0, max 60). |
| Layout — Show Featured Image | Passed through to the featured image. |
| Layout — Show Title | Passed through to the post title. |
| Layout — Show Meta | Switcher inspector control (`kng_show_meta`). |
| Layout — Show Excerpt | Passed through to the excerpt produced by wp_trim_words(). |
| Layout — Show Read More | Passed through to the post permalink. |
| Style — Title Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-tb-archive-posts__title`. |
| Style — Meta Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-tb-archive-posts__meta`. |
| Style — Title Color | Writes CSS `color` onto the widget’s front-end markup. |
| Style — Meta Color | Writes CSS `color` onto the widget’s front-end markup. |
Content and Style tabs from this widget’s PHP, including repeater fields and group controls (typography, background, border, shadow). Elementor’s Advanced tab is core Elementor and is not listed here.
FAQ
Which TB - Archive Posts options need King Addons Pro?
Controls marked with the Pro icon in this widget’s PHP. King Addons Pro is a separate license from Elementor Pro.
Why is TB - Archive Posts empty on a normal page?
Theme Builder widgets read the current query. Edit a Theme Builder template (single/archive/404) and preview a real post or archive.
Do I need Elementor Pro?
No. King Addons runs on free Elementor. Some King Addons options (for example template-in-accordion, extra popup conditions, parts of the template catalog) need King Addons Pro — not Elementor Pro.
Related theme builder widgets
TB - Archive Result Count
TB - Archive Result Count is a Theme Builder field. Add it on a King Addons Theme Builder template (single, archive, 404) so it can read the current query — not on a generic landing page.
TB - Archive Title
TB - Archive Title is a Theme Builder field. Add it on a King Addons Theme Builder template (single, archive, 404) so it can read the current query — not on a generic landing page.
TB - 404 Search Form
TB - 404 Search Form is a Theme Builder field. Add it on a King Addons Theme Builder template (single, archive, 404) so it can read the current query — not on a generic landing page.
TB - Archive Description
TB - Archive Description is a Theme Builder field. Add it on a King Addons Theme Builder template (single, archive, 404) so it can read the current query — not on a generic landing page.
TB - Archive Pagination
TB - Archive Pagination is a Theme Builder field. Add it on a King Addons Theme Builder template (single, archive, 404) so it can read the current query — not on a generic landing page.
TB - Related Posts
TB - Related Posts is a Theme Builder field. Add it on a King Addons Theme Builder template (single, archive, 404) so it can read the current query — not on a generic landing page.
Get King Addons
One free plugin. 80+ Elementor widgets, 650+ templates, and 4,000+ sections. Search for TB - Archive Posts after you activate it.