Buttons for Your Website

My favored ‘button generators’ these days are J Shortcodes and Forget About Shortcode Buttons.

J Shortcodes buttons are generated by shortcode specifications, which give a fair bit of control over the resulting button – see the J Shortcodes documentation.

The icon library is, however, small:

SvegliaT Buttons is a clean simple button generator that produces attractive results. The options are limited, but the plugin seems very stable, and is recommended for use in sliders (e.g., Meta Slider – see the post on this site, to be published soon).

Forget About Shortcode Buttons places a button generator in the visual editor.

Selecting the icon brings up a dialog box, which includes a fairly large number of icons (Font Awesome Icons).

Using some html in the buttons (<br/>), I created two-line buttons.

Also, the buttons are all the same width, achieved using extra CSS code for all buttons of the same class. In this case, the CSS code was

/* Keep buttons the same width */
.fasc-type-glossy.fasc-size-large {
width: 220px;
}

Buttons can change size and shape as the sidebar width changes on different devices. To maintain the sidebar width using Weaver theme, see the documentation: Fixing the width of a sidebar in Weaver responsive layout.

Recently I discovered the Easy Bootstrap Shortcodes plugin, which has button options, including with icons. I am in the process of checking this plugin – so far it looks good. (See a demo of pro functions here.)