Content · Elementor
Custom Post Types Grid widget for Elementor
Custom Post Types Grid is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Custom Post Types Grid” in the Elementor panel.
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
Custom Post Types Grid is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Custom Post Types Grid” in the Elementor panel.
Custom Post Types Grid Widget (Free).
render() writes HTML data attributes: data-card-link.
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.
The widget script reads data attributes: data-card-link.
How to add it in Elementor
- Install King Addons. Install Elementor and King Addons. Get King Addons from WordPress.org.
- Edit with Elementor. Open a page and click Edit with Elementor.
- Insert the widget. Search the panel for “Custom Post Types Grid”. Typing “king” lists every King Addons widget.
- Set inspector controls from this widget’s PHP. Configure “Kng Post Type”, “Posts Number”, “Order By”, “Custom Field Key”. Style and Content tabs are listed on this page.
When to use it
- An Elementor page that needs Custom Post Types Grid.
- A layout in the posts, cards, lists, FAQs, and editorial layouts group.
- Search the panel for “Custom Post Types Grid” after King Addons is active.
Inspector controls from this widget’s PHP
| Control | What the code does |
|---|---|
| Query — Kng Post Type | Inspector control `kng_post_type`. |
| Query — Posts Number | WP_Query `posts_per_page` — how many posts are fetched (min 1). |
| Query — Order By | The chosen value is read in render() and applied on the front end. |
| Query — Custom Field Key | Text inspector control (`kng_meta_key`). |
| Query — Order | The chosen value is read in render() and applied on the front end. Options: Descending; Ascending. |
| Query — Offset | Numeric control (default 0, min 0). |
| Query — Include IDs | Comma-separated list of post IDs to include. |
| Query — Exclude IDs | Comma-separated list of post IDs to exclude. |
| Query — Taxonomy Filters | Use taxonomy:slug-one,slug-two; separate multiple taxonomies with semicolons. |
| Query — Show Featured Image | Switcher inspector control (`kng_show_image`). |
| Query — Image Size | Elementor image-size group (thumbnail, medium, large, full, custom). |
| Layout — Columns | Writes CSS `grid-template-columns` onto the widget’s front-end markup. (default 3, min 1, max 6). |
| Layout — Gap | Spacing/size control (min 0, max 80). |
| Content — Show Meta (Author & Date) | Switcher inspector control (`kng_show_meta`). |
| Content — Show Excerpt | Switcher inspector control (`kng_show_excerpt`). |
| Content — Excerpt Length (words) | Numeric value used in this widget’s render/JS (default 18, min 5, max 80). |
| Content — Show Read More | Switcher inspector control (`kng_show_read_more`). |
| Content — Read More Text | Printed in the widget HTML from render(). |
| Content — Make Card Clickable | Card click is disabled inside the Elementor editor to avoid interfering with editing. |
| Animations — Hover Animation | The chosen value is read in render() and applied on the front end. Options: None; Lift; Image Zoom; Tilt; Float; Scale & Fade. |
| Card — Background | Writes CSS `background-color` onto the widget’s front-end markup. |
| Card — Padding | Writes CSS `padding` onto the widget’s front-end markup. |
| Card — Border | Elementor border group: type, width, color, and radius when the group includes it. Selector: `{{WRAPPER}} .king-addons-cpt-grid__card`. |
| Card — Border Radius | Writes CSS `border-radius` onto the widget’s front-end markup. (min 0, max 60). |
| Card — Box Shadow | Elementor box-shadow group for the selector. Selector: `{{WRAPPER}} .king-addons-cpt-grid__card`. |
| Card — Disable Box Shadow | Switcher inspector control (`kng_disable_card_shadow`). |
| Card — Disable Box Shadow on Hover | Switcher inspector control (`kng_disable_card_shadow_hover`). |
| Text — Title Color | Writes CSS `color` onto the widget’s front-end markup. |
| Text — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-cpt-grid__title`. |
| Text — Excerpt Color | Writes CSS `color` onto the widget’s front-end markup. |
| Text — Typography (Kng Excerpt Typography) | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-cpt-grid__excerpt`. |
| Meta — Meta Color | Writes CSS `color` onto the widget’s front-end markup. |
| Meta — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-cpt-grid__meta`. |
| Read More — Color | Writes CSS `color` onto the widget’s front-end markup. |
| Read More — Typography | Elementor typography group: family, size, weight, transform, style, decoration, line-height, letter-spacing. Selector: `{{WRAPPER}} .king-addons-cpt-grid__read-more`. |
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 Custom Post Types Grid 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.
How do I add Custom Post Types Grid in Elementor?
Install King Addons and Elementor, edit a page, search the panel for “Custom Post Types Grid”, drag it onto the canvas, then set Content and Style.
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 content widgets
Custom Post Types Slider
Custom Post Types Slider is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Custom Post Types Slider” in the Elementor panel.
Rotating Image Tiles
Rotating Image Tiles is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Rotating Image Tiles” in the Elementor panel.
Announcement / Promo Bar
Announcement / Promo Bar is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Announcement / Promo Bar” in the Elementor panel.
Comparison Matrix Cards
Comparison Matrix Cards is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Comparison Matrix Cards” in the Elementor panel.
Content Toggle
Content Toggle is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Content Toggle” in the Elementor panel.
Cookie Preferences Button
Cookie Preferences Button is an Elementor widget in King Addons. Enable it under King Addons → Dashboard if it is off, then search for “Cookie Preferences Button” in the Elementor panel.
Get King Addons
One free plugin. 80+ Elementor widgets, 650+ templates, and 4,000+ sections. Search for Custom Post Types Grid after you activate it.