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:
- button_size: Acceptable values: “small” | “medium” | “large”
Example:[gp_button button_size="small"]
- 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"]
- button_width: In pixels, like: 150px
Example:[gp_button button_size="small" button_color="blue" button_width="150px"]
- button_text: The button text label
Example:[gp_button button_size="small" button_color="blue" button_width="150px" button_text="Button"]
- button_text_font_family: Used to customize the font-family
Example:[gp_button button_text_font_family="Arial"]
- button_text_font_size: In pixels, like 14px
Example:[gp_button button_text_font_family="Arial" button_text_font_size="14px"]
- 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"]
- button_link: The URL the button will link to.
Example:[gp_button button_link="http://www.geopress.net"]
- button_link_target: Acceptable values: “_blank” | “_self” | “_parent” | “_top” | framename
Example:[gp_button button_link="http://www.geopress.net" button_link_target="_blank"]
- button_icon: The icon name. See a list of all icons included with GeoPress360
Example:[gp_button button_icon="icon-right-circled"]
- 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.