Zefir Shortcodes

A simple plugin with a set of shortcodes for the classic editor. This plugin is used in the Zefir theme.

Page content

Available shortcodes:

Text columns

Available columns: two columns, three columns, four columns, six columns.

Three columns:

[row][three_column] First column [/three_column][three_column] Second column [/three_column][three_column] Third column [/three_column][/row]

Six columns:

[row][six_column] First column [/six_column][six_column] Second column [/six_column][six_column] Third column [/six_column][six_column] Fourth column [/six_column][six_column] Fifth column [/six_column][six_column] Sixth column [/six_column][/row]

Information boxes

Shortcode:

[info_box color=”blue” width=”100%” float=”left” text_align=”left”] Text in the information box [/info_box]

Available options: color, width, float, text_align.

Color (example: color=”red”): red, orange, yellow, green, blue, purple, pink, black.

Float (example: float=”left”): left, right.

Text align (example: text_align=”left”): left, right, center.

Divider

Shortcode:

[divider color="blue" type="solid" width="100%" height="1px" float="left"][/divider]

Available options: color, type, width (%, px, auto), height, float.

Color (example: color=”red”): red, orange, yellow, green, blue, purple, pink, black.

Type (example: type=”solid”): dotted, dashed, solid, double, groove, ridge, inset, outset.

Float (example: float=”left”): left, right.

Highlight

Shortcode:

[highlight color="red"] Highlighting text [/highlight]

Available option: color.

Color (example: color=”red”): red, orange, yellow, green, blue, purple, pink, black.

Tabs

Available tabs: two tabs, three tabs, four tabs, five tabs, six tabs, seven tabs, eight tabs.

Four tabs:

[nav][tab1] Tab 1 [/tab1][tab2] Tab 2 [/tab2][tab3] Tab 3 [/tab3][tab4] Tab 4 [/tab4][/nav][tabs_content][tab_content1] Tab content 1 [/tab_content1][tab_content2] Tab content 2 [/tab_content2][tab_content3] Tab content 3 [/tab_content3][tab_content4] Tab content 4 [/tab_content4][/tabs_content]

Five tabs:

[nav][tab1] Tab 1 [/tab1][tab2] Tab 2 [/tab2][tab3] Tab 3 [/tab3][tab4] Tab 4 [/tab4][tab5] Tab 5 [/tab5][/nav][tabs_content][tab_content1] Tab content 1 [/tab_content1][tab_content2] Tab content 2 [/tab_content2][tab_content3] Tab content 3 [/tab_content3][tab_content4] Tab content 4 [/tab_content4][tab_content5] Tab content 5 [/tab_content5][/tabs_content]

Toggle and Accordion

Available number of sections: one section, two sections, three sections, four sections, five sections, six sections, seven sections, eight sections.

Toggle (If you want that the first section has been closed, change the value of the “number” variable in the first section on any other unique value (for example, number=”64”)):

[accordion][accordion_section number="64" title="Title 1"] The text of section 1 [/accordion_section][/accordion]

Accordion with five sections:

[accordion][accordion_section number="1" title="Title 1"] The text of section 1 [/accordion_section][accordion_section number="2" title="Title 2"] The text of section 2 [/accordion_section][accordion_section number="3" title="Title 3"] The text of section 3 [/accordion_section][accordion_section number="4" title="Title 4"] The text of section 4 [/accordion_section][accordion_section number="5" title="Title 5"] The text of section 5 [/accordion_section][/accordion]

Available options: number, title.

Font Awesome Icons (v4.7.0)

All available icons you can see here: Font Awesome Icons v4.7.0

Shortcode:

[icon type=”fa-star” size=”14px” color=”black”][/icon]

Available options: type, size (px), color.

Color (example: color=”red”): red, orange, yellow, green, blue, purple, pink, black.

Buttons

Button without icon:

[button href="#" target="_self" color="red" width="10%" icon=""] Button [/button]

Button with icon:

[button href="http://shortcodes.birdwp.com"  target="_blank"  color="yellow" width="114px" icon="fa-star"] Button [/button]

Available options: href,  target ,color, width (px, %, auto), icon.

Target (example: target=”_blank”): _self, _blank, _parent, _top.

Color (example: color=”pink”): red, orange, yellow, green, blue, purple, pink, black.