Shortcode: [buttons] – X-Plus
Link Buttons
Link Buttons – + Widget
[ buttons start='first-to-show' end='last-to-show' list='4,1,2' wrap='div']
The
short code allows you to add image buttons with links. You can specify which image to begin with (1 to maxbutton value>) with the ‘start’ parameter, and the same with the ‘end’. The defaults are start=1 and end=maxbutton value, but images with no image URL defined won’t be displayed. You can specify different sets of images with different instances of the shortcode. You can style with .weaver-buttons.
If you specify a comma separated list with the ‘list’ parameter (e.g, list='7,4,1,2'
), you can specify an arbitrary set and order of buttons. If you do specify a ‘list’ parameter, then ‘begin’ and ‘end’ will be ignored.
The wrap
parameter specifies the HTML tag used to wrap the list of buttons. This will be ‘div’ by default, but ‘span’ is useful for the menu bar HTML areas, and ‘li’ could be useful in some cases.
For each button you want to define, add a full URL to an image sized to the size you want your button to be. It is best to keep the button image in your Media Library. Then add a hover message, and the complete URL to where the button should link to (optional). Check the New Page box if you want the link to open a new tab or page when clicked.
The defined buttons will be displayed in a horizontal list that will wrap when the width of the enclosing HTML block is reached.
If you want to use the shortcode to include buttons Buttons on your menu bar, add the
shortcode to the Main Options→Menus→(menu)→Left/Right HTML option. Use thewrap='span'
parameter for the HTML areas.
Weaver Xtreme Plus Link Buttons Widget
When used in the Weaver Xtreme Plus Link Buttons widget, all buttons you’ve defined will be displayed using their actual size in the order defined. There are no other options for the widget version.