Tablao
Home : Shortcodes

Shortcodes

Current Date

The Current Date shortcode outputs the current date/time in the desired format.

[duende_current_date format="F j, Y"]

Attributes

format  string
Optional. A string representing the desired format of the current date/time. For details, see the formatting documentation. Default value is “F j, Y”, which displays the following format: April 5, 2025.

Examples

Current Year:
2025

Current Year, Month and Date:
April 5, 2025

Current Abbreviated Day of the Week, Date, Abbreviated Month, Year, and Time:
Sat, 05 Apr 2025 03:59:12

The Modal Link shortcode generates a link to trigger a modal containing Modal Post content.

[duende_modal_link modal_id="344"]Launch Modal[/duende_modal_link]

Attributes

modal_id  int
The Modal post ID.

inline  bool
Optional. Defaults to “false”. If value is set to “true” or “1”, the link will be displayed as a text link. Otherwise, the link will be styled as a button.

button_class  string
Optional. A string of space-separated CSS classnames to be added to the button.

hide_heading  bool
Optional. Defaults to “false”. If value is set to “true” or “1”, the modal will be displayed without a heading.

Link Text
There is no attribute for the link text. The link text should be added between the opening and closing shortcode tags.

Examples

Launch Modal

Using inline text to launch the modal .

The Video Modal Link shortcode generates a link to trigger a modal that displays a specified YouTube video.

[duende_video_modal_link src="https://www.youtube.com/embed/hanE_bysWro"]Launch Video Modal[/duende_video_modal_link]

Attributes

src  url
The YouTube embed URL

modal_id_attr  string
Optional. The “id” attribute value for the modal element. If omitted, a unique id will be generated automatically.

inline  bool
Optional. Defaults to “false”. If value is set to “true” or “1”, the link will be displayed as a text link. Otherwise, the link will be styled as a button.

button_class  string
Optional. A string of space-separated CSS classnames to be added to the button.

modal_dialog_class  string
Optional. A string of space-separated CSS classnames to be added to the modal dialog.

modal_title  string
Optional. A title for the modal that is only visible to screen readers.

thumbnail  url
Optional. The URL for thumbnail button. Only include this attribute if you would like to display a thumbnail image instead of the default standard button.

caption  string
Optional. Text to be used for the thumbnail caption. This requires that the thumbnail attribute is also set.

Link Text
There is no attribute for the link text. The link text should be added between the opening and closing shortcode tags.

Examples

Launch Video Modal

Using inline text to launch the video modal .

The iFrame Modal Link shortcode generates a link that triggers a modal containing an iframe.

[duende_iframe_modal src="https://example.com/"]Launch Modal[/duende_iframe_modal]

Attributes

src  url
The URL for the iframe’s src attribute.

inline  bool
Optional. Defaults to “false”. If value is set to “true” or “1”, the link will be displayed as a text link. Otherwise, the link will be styled as a button.

modal_id_attr  int
Optional. The “id” attribute value for the modal element. If omitted, a unique id will be generated automatically.

Examples

Launch iFrame Modal

Using inline text to launch the iframe modal .

Team Members Shortcodes

This shortcode generates a modal carousel in the DOM which contains slide of Team Members and their respective bios. Note: In order to launch the modal, you will need to also include at least one Team Member Link shortcode somewhere on the page.

[duende_team_members_modal member_type="core" members="101, 102, 103"]

Attributes

member_type  string
The slug of the Member Type taxonomy term for filtering the Team Members included in the carousel slides.

members  string
Optional. A comma-separated list of post IDs of the Team Members to include in the carousel slides. Omitting this attribute will include all Team Members.

This shortcode generates an inline link that launches an existing Team Member Carousel and also advances the carousel to a specific Team Member. Note: This shortcode requires that a Team Member Carousel shortcode has also been added to the current page/post.

Here is a working example of a Team Member Link that advances to specific Team Member.

[duende_team_members_modal_link target="my-team-modal" member_id="123"]

Attributes

target  string
Required. The HTML “id” attribute of the modal carousel element.

member_id  int
Optional. The post ID of the Team Member to automatically advance to when the modal carousel opens. If omitted, the first slide will appear when the modal carousel opens.