Use responsives alert boxes with shortcodes. Is easy, only use the shortcode.
Example: For a info message use:
[alert type="success"]Your text here[/alert]
Also you can change the icon size:
[alert type="success" icon-size="big"]Your text here[/alert]
Shortcode attributes:
-
type (defines the style of the alert box):
- info (display a info style box)
- success (display a success style box)
- warning (display a warning style box)
- danger (display a danger style box)
-
icon_size (defines the icon size):
- normal (icon normal size)
- small (icon small size)
- big (icon big size)
- hide-icon (no display the icon)
[alert type="type" icon-size="icon-size"]Your text here[/alert]
- Demo & Examples: http://www.rafael.mardojai.com/simple-alert-boxes-plugin/
- Wordpress.org: https://wordpress.org/plugins/simple-alert-boxes/
- Download the plugin
- Upload the plugin directory to the
/wp-content/plugins/
directory - Activate the plugin through the 'Plugins' menu in WordPress
- CSS improvements
- Render others shortcodes inside the shortcode
- CSS improvements
- Plugin now uses Dashicons
- New icon size attribute
- CSS improvements
- TinyMCE plugin improvements
- TinyMCE Plugin
- Optimized Shortcodes
- Support bold, italic, links and more
- Responsive Design
- Shortcodes