Shortcodes – Accordions, Panels, Quotes

Quote

Use the quote shortcode to create a stylized panel of emphasized quoted text with the source name listed below. Optionally, the quote source can be linked using the url parameter.

Code Example

[quote source="Source Name" url="" class=""][/quote]

Parameters

Parameter Description Required Values Default
source Use to set a citation source optional any text none
url Using the url parameter will link the quote source optional any text none
class Any extra classes you want to add optional any text none
data Data attribute and value pairs separated by a comma. Pairs separated by pipe. optional any text none

Output

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mollis dignissim mauris, et euismod risus vehicula sed.

Source Name

Panel

Use the quote shortcode to create a stylized panel of text. This panel containers 3 regions; a header, content area, and footer. Each of these areas have a custom shortcode wrapper that must be contained within a panel shortcode.

Code Example

[panel type="default"]
[panel-header][panel-title]Panel Title[/panel-title][/panel-header]
[panel-content][/panel-content]
[panel-footer]Panel Footer[/panel-footer]
[/panel]

Panel Parameters:

Parameter Description Required Values Default
type The type of the panel optional default default
class Any extra classes you want to add optional any text none
data Data attribute and value pairs separated by a comma. Pairs separated by pipe. optional any text none

Panel Header Parameters:

Parameter Description Required Values Default
class Any extra classes you want to add optional any text none
data Data attribute and value pairs separated by a comma. Pairs separated by pipe. optional any text none

Panel Title Parameters:

Parameter Description Required Values Default
class Any extra classes you want to add optional any text none
data Data attribute and value pairs separated by a comma. Pairs separated by pipe. optional any text none

Panel Content Parameters:

Parameter Description Required Values Default
class Any extra classes you want to add optional any text none
data Data attribute and value pairs separated by a comma. Pairs separated by pipe. optional any text none

Panel Footer Parameters:

Parameter Description Required Values Default
class Any extra classes you want to add optional any text none
data Data attribute and value pairs separated by a comma. Pairs separated by pipe. optional any text none

Output:

Panel Title

Panel Content
Panel Footer

Accordion / Accordion Item

Use the accordion and accordion-item shortcodes to create a repeating region of content items that open and close when clicked. The accordion wrapper contains sets of specific accordion-item shortcodes that output a header and content area for each item.

Code Example

[accordion type="default"]
[accordion-header][accordion-title]Accordion Title #1[/accordion-title][/accordion-header]
[accordion-content]Accordion Content #1[/accordion-content]
[accordion-header][accordion-title]Accordion Title #2[/accordion-title][/accordion-header]
[accordion-content]Accordion Content #2[/accordion-content]
[/accordion]]

Accordion Parameters

Parameter Description Required Values Default
class Any extra classes you want to add optional any text none
data Data attribute and value pairs separated by a comma. Pairs separated by pipe. optional any text none

Accordion Header Parameters

Parameter Description Required Values Default
class Any extra classes you want to add optional any text none
data Data attribute and value pairs separated by a comma. Pairs separated by pipe. optional any text none

Accordion Title Parameters

Parameter Description Required Values Default
class Any extra classes you want to add optional any text none
data Data attribute and value pairs separated by a comma. Pairs separated by pipe. optional any text none

Accordion Content Parameters

Parameter Description Required Values Default
class Any extra classes you want to add optional any text none
data Data attribute and value pairs separated by a comma. Pairs separated by pipe. optional any text none

Output

Accordion Title #1

Accordion Content #1

Accordion Title #2

Accordion Content #2

Become a Contributing Sponsor

Become a part of projects that need your support.

Become a Sponsor