Shortcode Reference

Values marked with a * are the default values and do not need to be specified

Accordion Group

All accordions are wrapped in an accordion group

[accordions] ... [/accordions]

Shortcode Parameters

  • load – which accordion is open on page load – 0,*1,2,3,4
  • css – (optional) custom css class

Shortcode Filter Name

arconix_accordions_shortcode_args

Accordion

Individual accordions are coded

[accordion title="Accordion Title"] ... [/accordion]

Shortcode Parameters

  • title – Name the accordion (accepts text only, no html)
  • last – For CSS styling.

Accordion Filter Name

arconix_accordion_shortcode_args

Example

Shortcode Parameters

  • color – 15 standard colors (black, blue, green, *gray/grey, lblue, lgray/lgrey, lgreen, lred, ltan, orange, purple, red, tan, yellow, white)
  • icon – (optional) Enter the FontAwesome icon name you’d like to use
  • icon_size – When using an icon, you can specify a particular icon size. Please note if you use something other than the default fa-2x you may need to adjust the line height CSS to vertically center the text
  • icon_other – If you’d like to change the location of the icon (for example you’d like it on the right), you can change that to pull-right

Shortcode Filter Name

arconix_box_shortcode_args

Example

Shortcode Parameters

  • size – small, *medium, large, xl
  • color – 11 standard colors: black, blue, green, *gray/grey, light gray/grey (lgray, lgrey), orange, purple, red, tan, yellow, white
  • style – *classic, flat, clear
  • icon – (optional) Enter the FontAwesome icon name you’d like to use
  • icon_size – (optional) When using an icon, you can specify a particular icon size. Please note if you use something other than FontAwesome’s default you may need to adjust the line height CSS to vertically center the text
  • url – enter the address the button should point to
  • target – *self, blank
  • rel – (optional) enter a relation for the link

Shortcode Filter Name

arconix_button_shortcode_args

Example

Tab Group

All tabs are wrapped in an tab group

[tabs] ... [/tabs]

Shortcode Parameters

  • id – defines the naming scheme for the tab ID’s – *name, number
  • css – (optional) custom css class

Shortcode Filter Name

arconix_tabs_shortcode_args

Parameter Explanation

ID allows you to create a hyperlink to a specific tab in a tab group. It’s very popular with wizard-style tabs where each tab represents the next set of steps. All tab id’s are preceded with tab-. Meaning if you were using the default ID of name and your first tab’s title was Features, then your tab’s ID would be tab-features. If you were using number as your ID type, then the first tab’s id would be tab-1. All titles are sanitized so they behave just like permalinks do, which means there are no apostrophes or spaces or any of that.

Continuing the “features” example, if I wanted to create a hyperlink to the “features” tab, here’s how I would create the link

  • http://mydomain.com/my-page#tab-features if my ID was ‘name’
  • http://mydomain.com/my-page#tab-1 if my ID was ‘number’

Something to keep in mind when using number — only use it if you know it will be the only tab group on that page. If you have multiple tab groups on a page, use name since multiple tab groups would have a tab-1, tab-2 etc… It’s less likely they’ll have the same tab titles.

Tab

The individual tab is coded

[tab title="Tab title"] ... [/tab]

Shortcode Parameters

  • title – Tab title (accepts text only, no html)
  • icon – (optional) Enter the FontAwesome icon name you’d like to use
  • icon_color – (optional) When using an icon you can select a specific color for that icon (default is text color). 11 standard colors are *black, blue, green, gray/grey, light gray/grey, orange, purple, red, tan, yellow, white

Shortcode filter name

arconix_tab_shortcode_args

Example

Shortcode Parameters

  • title – Name the toggle
  • load – *closed, open – determine if the toggle loads in the closed or open position
  • css – (optional) add your own custom class

Shortcode Filter Name

arconix_toggle_shortcode_args

Example

Shortcode Parameters

  • icon – Enter the FontAwesome icon name you’d like to use. Default is fa-chevron-circle-right
  • icon_color – Select the color for that icon. 11 standard colors are *black, blue, green, gray/grey, light gray/grey, orange, purple, red, tan, yellow, white

Shortcode Filter Name

arconix_list_shortcode_args

Example

Columns can be arranged in any pattern you wish so long as the sum of the fractions does not go over 1. Example – If you are using thirds, you can’t use two columns that are two-thirds each.

Shortcode Parameter

  • last – use on the last column in a span

2-Column Example

3-Column Example

4-Column Example

5-Column Example

Shortcodes below are fairly straightforward and offer minimal, if any, customization options.

Abbreviation

By marking up abbreviations you can give useful information to browsers, spellcheckers, screen readers, translation systems and search-engines.

Parameter

title – Explanation of abbreviation

Example

Code

Wraps the content in code brackets

Example

Highlight

Highlight specific text using this shortcode

Parameter

color – yellow (default)

Shortcode Filter Name

arconix_highlight_shortcode_args

Example

Login / Logout

Add a login/logout link to your site

Example

Site Link

Add a link to the site’s home page

Example

The Year

Add the 4 digit year to your site (commonly used in copyright information)

Parameter

  • before – What comes before the beginning copyright year
  • start – Enter the beginning copyright year
  • after – What comes after the current year

Shortcode Filter Name

arconix_the_year_shortcode_args

Example

WP Link

Quickly add a link to WordPress.org to your site

Example