{"id":181,"date":"2013-03-05T11:35:34","date_gmt":"2013-03-05T11:35:34","guid":{"rendered":"http:\/\/3clicks.bringthepixel.com\/?page_id=181"},"modified":"2013-03-05T11:35:34","modified_gmt":"2013-03-05T11:35:34","slug":"button","status":"publish","type":"page","link":"https:\/\/blanchon.co.il\/en\/shortcodes\/basic\/button\/","title":{"rendered":"Button Shortcodes"},"content":{"rendered":"

3 Different Sizes<\/h2>\n<\/i>Small Button<\/a>\n<\/i>Medium Button<\/a>\n<\/i>Big Button<\/a>\n
<\/i>Get The Code<\/div>
\n
<\/p>\n

[button size="small" link="\/" icon="heart"]Small Button[\/button]<\/p>\n

[button size="medium" link="\/" icon="heart"]Medium Button[\/button]<\/p>\n

[button size="big" link="\/" icon="heart"]Big Button[\/button]<\/p>\n

<\/div>\n<\/div><\/div><\/div>\n

<\/div>\n

2 Alternatives Styles<\/h2>\n<\/i>Simple Button<\/a>\n<\/i>Solid Button<\/a>\n
<\/i>Get The Code<\/div>
\n
<\/p>\n

[button size="medium" link="\/" style="simple" icon="heart"]Simple Button[\/button]<\/p>\n

[button size="medium" link="\/" style="solid" icon="laptop"]Solid Button[\/button]<\/p>\n

<\/div>\n<\/div><\/div><\/div>\n

Top<\/a>\n
<\/div><\/div>\n

2 Different Types<\/h2>\nSimple Button<\/a>\nWide Button<\/a>\n
<\/i>Get The Code<\/div>
\n
<\/p>\n

[button size="medium" link="\/" type="simple" style="simple"]Simple Button[\/button]<\/p>\n

[button size="medium" link="\/" type="wide" style="simple"]Wide Button[\/button]<\/p>\n

<\/div>\n<\/div><\/div><\/div>\n

Top<\/a>\n
<\/div><\/div>\n

Multiline label<\/h2>\n

Small button Second Line<\/small><\/a> Medium button Second Line<\/small><\/a> Big button Second Line<\/small><\/a> <\/p>\n

Small button Second Line<\/small><\/a> Medium button Second Line<\/small><\/a> Big button Second Line<\/small><\/a><\/p>\n

<\/i>Get The Code<\/div>
\n
<\/p>\n

[button size="small" link="\/"]Small button <small>Second Line<\/small>[\/button]
\n[button size="medium" link="\/"]Medium button <small>Second Line<\/small>[\/button]
\n[button size="big" link="\/"]Big button <small>Second Line<\/small>[\/button] <\/p>\n

[button size="small" link="\/" style="simple"]Small button <small>Second Line<\/small>[\/button]
\n[button size="medium" link="\/" style="simple"]Medium button <small>Second Line<\/small>[\/button]
\n[button size="big" link="\/" style="simple"]Big button <small>Second Line<\/small>[\/button]<\/p>\n

<\/div>\n<\/div><\/div><\/div>\n

Top<\/a>\n
<\/div><\/div>\n

Linking Methods<\/h2>\n

Open in a same window<\/a> Open in a new window<\/a>
\nOpen Image in a lightbox<\/a> Open Movie in a lightbox<\/a> Open Google Map in a lightbox<\/a><\/p>\n

<\/i>Get The Code<\/div>
\n
<\/p>\n

[button size="medium" link="http:\/\/vimeo.com\/12613824" linking="default"]Open in a same window[\/button]
\n[button size="medium" link="http:\/\/vimeo.com\/12613824" linking="new-window"]Open in a new window[\/button] <\/p>\n

[button size="medium" link="\/wp-content\/uploads\/2013\/05\/photo_08_v01.jpg" linking="lightbox" style="simple"]Open Image in a lightbox[\/button]
\n[button size="medium" link="http:\/\/vimeo.com\/12613824" linking="lightbox" style="simple"]Open Movie in a lightbox[\/button]
\n[button size="medium" style="simple" link="http:\/\/maps.google.pl\/maps?q=New+York&hl=pl&sll=51.127065,16.991864&sspn=0.08845,0.264187&hnear=Nowy+Jork,+Stany+Zjednoczone&t=m&z=13" linking="lightbox"]Open Google Map in a lightbox[\/button]<\/p>\n

<\/div>\n<\/div><\/div><\/div>\n

Top<\/a>\n
<\/div><\/div>\n

Custom Color Scheme<\/h2>\n