Documentation

Buttons With Style

Getting started with Buttons With Style

Button lets you build custom buttons with Foundation Icon Fonts, 5 class of buttons, 3 type and 3 styles. Perfect for hyperlinks, downloads, promotions, or redirects. plugin allows you add, manage and display buttons on your WordPress website.

How to display and shortcode

The display Buttons With Style is very simple. Just add the following shortcode on any page:
Buttons With Style contains one short codes.
[bws_button]

1)Type
[bws_button link="http://www.goggle.com" type="radius"]

2)Class
[bws_button name="Submit" class="success"]

3)Style
[bws_button name="Send" style="shadow"]

4)Target
[bws_button name="YOUR BUTTON NAME" target="blank"]

5)Foundation Icon class
[bws_button icon_class="star"]

6)Foundation Icon Size
[bws_button icon_size="medium"]

Shortcode parameters

Following are Short Code Parameters:

[bws_button]

  • Link:
    [bws_button link="http://www.goggle.com"]
    i.e button link parameter

  • Name:
    [bws_button name="button-name"]
    You can set button name. i.e Submit OR Send etc

  • Type:
    [bws_button type="radius"]
    Set button type. i.e radius, square, round.

  • Class:
    [bws_button class="success"]
    i.e class can be used success, primary, secondary, info, alert

  • Style:
    [bws_button style="shadow"]
    i.e style can be used shadow, plane, border i.e all

  • Target:
    [bws_button target="blank"]
    Open a link in new tab or not. Values are “blank OR self”.

  • Size:
    [bws_button size="tiny"]
    i.e button size tiny, small, large, expand
  • Icon_class:
    [bws_button icon_class="star"]
    i.e add the icon class. Here is link for all Foundation Icon Fonts

  • Icon_size:
    [bws_button icon_size="medium"]
    i.e set the icon size. Values are large, medium and small


Updated On 26 Oct 2016