Widget Element
The Widget Element places a single WordPress widget directly in your page layout. You pick the widget from a list of every widget available on the site, fill in its settings in the Builder, and it appears where you put it, without creating a widget area first.
This is handy for things like a recent posts list, a category list, a calendar, a language switcher or one of the Tirenoa widgets such as Contact Info, when you need it in one place on one page rather than in a sidebar.
In this article: How To Use · Element Options · Tips · Related Elements
How To Use The Widget Element
Add the Widget Element to any column and choose the widget in the Widget list. The settings of that widget then appear below it, the same fields you would see under Appearance > Widgets; fill them in as usual.
The Design tab holds the widget styling options: whether the widget title is displayed, padding, background color and radius, border size, style and color, divider color, and the content alignment on desktop and mobile. Set the outer spacing with Margin.
The widget is rendered by WordPress or by the plugin that provides it, so its content and markup follow that widget. Its title, when shown, is output as an H4 heading, so check that this fits the heading order of the page.
Element Options
The tables below list every option of the element, grouped by the tabs you see when you edit it in the Builder. Many options depend on others, so the edit screen only shows the options that apply to your current choices.
General
| Heading | Description |
|---|---|
| Widget | Choose widget type. |
| Margin | Enter values including any valid CSS unit, for example 4%. |
| Element Visibility | Choose to show or hide the element on small, medium or large screens. You can choose more than one at a time. |
| CSS Class | Add a class to the wrapping HTML element. |
| CSS ID | Add an ID to the wrapping HTML element. |
Extras
| Heading | Description |
|---|---|
| Conditional Rendering | Add conditional rendering logic for the element. The element will only be part of the post / page contents, if the set conditions are met. NOTE: Server cache can interfere with results. |
Tips
- Only widgets that are registered on the site appear in the list. A widget that comes from a plugin disappears from the page when that plugin is deactivated.
- For several widgets in a column, or widgets you want to manage in one place for many pages, use the Widget Area Element instead.
- Many simple widgets have a matching Builder element (for example Tag Cloud or Recent Posts) with more design options. Prefer the element when one exists.
- Use Conditional Rendering on the Extras tab to show the widget only to certain visitors, for example logged-in users.