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

2014-10-15_102832

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.

Leave a Reply

Your email address will not be published. Required fields are marked *

fourteen − 7 =

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>