Shortcodes

More simple to use!

We’ve crafted an friendly and simple to use shortcodes plugin which will help you to decorate your pages. Webicon Shortcodes  is a little bit of code that allow you to do various things with little effort.

Accordion

[accordion]
[item title=”Title 1″]Text1[/item]
[item title=”Title 2″]Text2[/item]
[item title=”Title 3″]Text3[/item]
[/accordion]

Buttons

[button content=”Orange Button” color=”orange” text=”white” url=”http://” openin=”_blank”]

[button content=”Teal Button” color=”teal” text=”white” url=”http://” openin=”_blank”]

[button content=”Yellow Button” color=”yellow” text=”black” url=”http://” openin=”_blank”]

[button content=”Black Button” color=”black” text=”white” url=”http://” openin=”_blank”]

…and many other cool colors!

[separator type=”thin”]

Columns

Two columns

[columns_row width=”half”]
[column]Sometimes you just need to divide your page into different columns. With this plugin you just select a column shortcode and it will add the column to the page.[/column]
[column]Sometimes you just need to divide your page into different columns. With this plugin you just select a column shortcode and it will add the column to the page.[/column]
[/columns_row]

[separator type=”thick”]

Three columns

[columns_row width=”third”]
[column]Sometimes you just need to divide your page into different columns. With this plugin you just select a column shortcode and it will add the column to the page.[/column]
[column]Sometimes you just need to divide your page into different columns. With this plugin you just select a column shortcode and it will add the column to the page.[/column]
[column]Sometimes you just need to divide your page into different columns. With this plugin you just select a column shortcode and it will add the column to the page.[/column]
[/columns_row]

[separator type=”thick”]

Four columns

[columns_row width=”fourth”]
[column]Sometimes you just need to divide your page into different columns. With this plugin you just select a column shortcode and it will add the column to the page.[/column]
[column]Sometimes you just need to divide your page into different columns. With this plugin you just select a column shortcode and it will add the column to the page.[/column]
[column]Sometimes you just need to divide your page into different columns. With this plugin you just select a column shortcode and it will add the column to the page.[/column]
[column]Sometimes you just need to divide your page into different columns. With this plugin you just select a column shortcode and it will add the column to the page.[/column]
[/columns_row]

[separator type=”thick”]

Third and two thirds

[columns_row width=”third-and-two-thirds”]
[column]Sometimes you just need to divide your page into different columns. With this plugin you just select a column shortcode and it will add the column to the page.[/column]
[column]Sometimes you just need to divide your page into different columns. With this plugin you just select a column shortcode and it will add the column to the page.[/column]
[/columns_row]

[separator type=”thick”]

Two thirds and third

[columns_row width=”two-thirds-and-third”]
[column]Sometimes you just need to divide your page into different columns. With this plugin you just select a column shortcode and it will add the column to the page.[/column]
[column]Sometimes you just need to divide your page into different columns. With this plugin you just select a column shortcode and it will add the column to the page.[/column]
[/columns_row]

[separator type=”thick”]

Drop Cap

[dropcap letter=”A”]drop cap (dropped capital) is a large capital letter used as a decorative element at the beginning of a paragraph or section. The size of a drop cap is usually two or more lines. Use drop caps to give your post a polished look. As you can see, the first letter of the sentence is large and helps bring focus to this section. As you continue to type, the text moves under the “A” in the first word of this paragraph.

[separator type=”thin”]

Separators

Thick line

[separator type=”thick”]

Thin line

[separator type=”thin”]

Dotted

[separator type=”dotted”]

Double

[separator type=”double”]

Dashed

[separator type=”dashed”]