Shorcodes Ultimate is a free WordPress plugin that can easily create tabs, buttons, boxes, different sliders, responsive videos and much more. You can read more about it at WordPress.org.

[su_animate type=”bounceIn” delay=”1″] [su_note] Animated text [/su_note] [/su_animate]

Below is the code you enter into your WordPress site after installing Shortcodes Ultimate, minus the square brackets. I can’t show the square brackets here, but each line of text is enclosed in square brackets except for the text “Annimated text”. You don’t have to know how to write this code with this plugin, because they give you the code.

su_animate type="bounceIn" delay="1"
su_note
Animated text
/su_note
/su_animate

[su_box title=”Box title” style=”default” box_color=”#333333″ title_color=”#FFFFFF” radius=”3″ class=”” float=”right” width=”100″]Box content[/su_box]

[su_row]
[su_column size=”1/2″]
[su_animate type=”fadeInLeft” delay=”1″ duration=”1.5″] [su_box] Column content [/su_box] [/su_animate]
[/su_column]
[su_column size=”1/2″]
[su_animate type=”fadeInRight” delay=”1″ duration=”1.5″] [su_box] Column content [/su_box] [/su_animate]
[/su_column]
[/su_row]

Below is just a spacer with the size of 20. Valid range is from zero to 800. The code is simple: su_spacer size=”20″ class=””, enclosed in square brackets.

[su_spacer size=”20″ class=””]

End of the spacer

How To

There are too many shortcodes in this plugin to go through all of them in a post like this. It will takes some time to learn how to style these different elements but the results will be cool.

Tooltip

[su_tooltip style=”yellow” position=”top” shadow=”no” rounded=”no” size=”default” title=”” content=”Tooltip text” behavior=”hover” close=”no” class=””][su_button] Hover me to open tooltip [/su_button][/su_tooltip]
[su_note note_color=”#FFFF66″ text_color=”#333333″ radius=”3″ class=””]Note text[/su_note]
[su_gmap width=”600″ height=”400″ responsive=”yes” address=”” class=””]