The Button Shortcode [gp_button]]

The [gp_button] shortcode lets you create buttons with icons like the one shown here:

You can paste this shortcode anywhere you want the button to appear.

Attributes

The button shortcode takes the following attributes:

1. button_size: Acceptable values: “small” | “medium” | “large”
   Example:

   [gp_button button_size="small"]

2. button_color: Acceptable values: “blue” | “orange” | “lightblue” | “bluegrey” | “red” | “olive” | “deepred” | “fuchsia” | “green” | “mutedpink” | “mutedgreen” | “darkgrey” | “teal”
   Example:

   [gp_button button_size="small" button_color="blue"]

3. button_width: In pixels, like: 150px
   Example: 

   [gp_button button_size="small" button_color="blue" button_width="150px"]

4. button_text: The button text label
   Example: 

   [gp_button button_size="small" button_color="blue" button_width="150px" button_text="Button"]

5. button_text_font_family: Used to customize the font-family
   Example: 

   [gp_button button_text_font_family="Arial"]

6. button_text_font_size: In pixels, like 14px
   Example: 

   [gp_button button_text_font_family="Arial" button_text_font_size="14px"]

7. button_text_font_weight: Acceptable values: “normal” | “bold” | 700 (or other font-weight number)
   Example: 

   [gp_button button_text_font_family="Arial" button_text_font_size="14px" button_text_font_weight="normal"]

8. button_link: The URL the button will link to.
   Example:

   [gp_button button_link="http://www.geopress.net"]

9. button_link_target: Acceptable values: “_blank” | “_self” | “_parent” | “_top” | framename
   Example:

   [gp_button button_link="http://www.geopress.net" button_link_target="_blank"]

10. button_icon: The icon name. See a list of all icons included with GeoPress360
    Example:

    [gp_button button_icon="icon-right-circled"]

11. button_icon_position: Acceptable values: “left” | “right”
    Example:

    [gp_button button_icon="icon-right-circled" button_icon_position="right"]

And putting it all together:

[gp_button button_size="small" button_color="blue" button_width="150px" button_text="Button" button_text_font_family="Arial" button_text_font_size="14px" button_text_font_weight="normal" button_link="http://www.geopress.net" button_link_target="_blank" button_icon="icon-right-circled" button_icon_position="right"]

The above example uses every available attribute. You don’t have to use them all, lust the ones you need.