Button

The Button shortcode for WordPress can be used to display buttons with customizable format, style, and colors. Check below for example implementations and shortcode documentation:

Button Examples

Button Shortcodes

Button Shortcode
[x3m-button url="https://x3mmedia.com" target="_blank" rel="nofollow" size="1" background="red" hoverbk="white" text="BUTTON NAME" font-size="14" fontcolor="white" hoverfont="red" style="1"]
The shortcode can be used to display a button in any of the 10 different styles, with customizable display and hover color. Above example shows a red button with white hover effect.

Button Documentation

Here are the shortcode option settings available for Button:

Shortcode Settings Details
url=”https://x3mmedia.com” this is used to set the link for the button.
target=”_blank” this is used to set the target window for opening the link:
– “_blank” used to open the link in new window
– “_self” used to open the link in same window
rel=”nofollow” this is used to set the link relation on the button:
– “nofollow”
– “noopener”
– “sponsored”
size=”1″ this is used to set the button height size:

Value of 1 is smallest size, and value of 10 is biggest size

background=”red” used to set the background color of the button. Some button styles do not support setting background colors.

Color names or HEX color codes can be used to set the desired color.
hoverbk=”white”

optional

 used to set the hover background color of the button. If setting is not used, it will use a darker shade of the color set at button “background”.

Color names or HEX color codes can be used to set the desired color.
fontcolor=”white” used to set the text color of the button.

Color names or HEX color codes can be used to set the desired color.
hoverfont=”red”

optional

 used to set the hover text color of the button. If setting is not used, it will use the same color set by “fontcolor”.

Color names or HEX color codes can be used to set the desired color.
text=”BUTTON NAME” used to set the text displayed on the button.
font-size=”14″ used to set the font size for the text displayed on the button.
width=”100px” used to set the width of the button. Optional value.
style=”1″ used to set the style of the button.

Styles available are numbers from 1 to 10.