Notice
The notice shortcode shows various types of disclaimers with adjustable color, title and icon to help you structure your page.
There may be pirates
It is all about the boxes.
Usage
While the examples are using named parameter you are free to use positional aswell.
{{% notice style="primary" title="There may be pirates" icon="skull-crossbones" %}}
It is all about the boxes.
{{% /notice %}}
{{% notice primary "There may be pirates" "skull-crossbones" %}}
It is all about the boxes.
{{% /notice %}}
Parameter
| Name | Position | Default | Notes |
|---|---|---|---|
| style | 1 | default |
The color scheme used to highlight the box content. - by severity: info, note, tip, warning- by brand color: primary, secondary- by color: blue, green, grey, orange, red- by special color: default, transparent |
| title | 2 | see notes | Arbitray text for the box title. Depending on the style there may be a default title. Any given value will overwrite the default. - for severity styles: the matching title for the severity - for all other colors: <empty> If you want no title for a severity style, you have to set this parameter to " " (a non empty string filled with spaces) |
| icon | 3 | see notes | Font Awesome icon name set to the left of the title. Depending on the style there may be a default icon. Any given value will overwrite the default. - for severity styles: a nice matching icon for the severity - for all other colors: <empty> If you want no icon for a severity style, you have to set this parameter to " " (a non empty string filled with spaces) |
Examples
By Severity
Info with markup
Info
An information disclaimer
You can add standard markdown syntax:
- multiple paragraphs
- bullet point lists
- emphasized, bold and even bold emphasized text
- links
- etc.
...and even source code
the possiblities are endless (almost - including other shortcodes may or may not work)
Note
Note
A notice disclaimer
Tip
Tip
A tip disclaimer
Warning
Warning
A warning disclaimer
Warning with Non-Default Title and Icon
Here are dragons
A warning disclaimer
Warning without a Title and Icon
A warning disclaimer
By Brand Colors
Primary with Title only
Primary
A primary disclaimer
Secondary with Icon only
A secondary disclaimer
By Color
Blue without a Title and Icon
A blue disclaimer
Green with Title only
Green
A green disclaimer
Grey with Icon only
A grey disclaimer
Orange with Title and Icon
Orange
A orange disclaimer
Red
A red disclaimer
By Special Color
Default with Title and Icon
Pay Attention to this Note!
Some serious information.
Transparent with Title and Icon
Pay Attention to this Note!
Some serious information.