This plugin is used to add columns, buttons, boxes, testimonials, and more. To use it, click the Add Shortcode button in the Visual Editor to select the shortcode you want to use, and there you can customize the look.
For examples and the “cheatsheet”, simply go to the menus in the WordPress backend: Shortcodes > Examples and Shortcodes > Cheatsheet.
Common shortcodes I use:
Rows and Columns
The su_row and su_column shortcodes are very useful for creating column-based layouts, without using tables (which can get tricky). To use them, you need to wrap the column shortcodes within row shortcodes. You can use sizes of 1/2, 1/3, 2/3, 1/4, 3/4, 1/5, 2/5, 3/5, 4/5, 1/6, and 5/6.
[su_row]
[su_column size="1/2"][/su_column]
[su_column size="1/2"][/su_column]
[/su_row]If you have the correct number of columns specified, but the last one wraps onto a new row, then you may need to add the following CSS fix. (The My Custom CSS plugin is my preferred way of adding custom CSS.)
.su-row .su-column:first-of-type {
margin-left: 0;
}Buttons
The url parameter determines where the visitor goes after clicking the button.
[su_button url="/" style="flat" background="#f39c12" color="#ffffff" size="12" center="yes" radius="5"]CLICK HERE[/su_button]Spacers
You can add a simple spacer and define the height, in pixels, with the size parameter.
[su_spacer size="40"]Shortcodes Ultimate: Extra Shortcodes
To enable these shortcodes, you must enabled the Shortcodes Ultimate: Extra Shortcodes plugin.
Testimonials
[su_testimonial name="" photo="" company="" url="/"]TESTIMONIAL HERE[/su_testimonial]