Design-Box – Shortcode

Oft möchte man gewisse Hinweise in besonderen Farben hinterlegen. Dafür gibt es den „Design-Box“ Shortcode welcher im Aussehen an die Allert Classen von Bootstap angelehnt sind. Auch bei diesem Shortcode wurde wieder auf Einfachheit und Geschwindigkeit wert gelegt ohne aber die Funktionalität zu sehr zu beschränken.
Aufbau des Shortcodes:

„title“: mögliche Werte [beliebig]
Wird der Parameter nicht angegeben wird kein Titel in der Designbox ausgegeben
„typ“: mögliche Werte [ok,warning,error,info,grau]
Wird der Parameter nicht angegeben wird der typ=“ok“ verwendet. Beispiele mit den Farben der Typen findest Du weiter unten.
„size“: mögliche Werte [normal,small,big]
Wird der Parameter nicht angegeben wird size=“normal“ verwendet. Die Größe richtet sich hierbei nach deinem Theme.
„icon“: mögliche Werte [jedes FontAwson v4.7 ICON]
Wenn „icon“ nicht angegeben wird, wird das Standard Icon von „typ“ verwendet. Wird es angegeben wird immer dieses ICON verwendet.
Du kannst jedes beliebige FontAweson v4.7 ICON verwenden. Die Übersicht der ICONS findest Du hier
„noicon“: mögliche Werte [0,1]
Mit diesem Flag wird das ICON deaktiviert und es wird nur der Text ausgegeben!
„image“: mögliche Werte [beliebiger URL zu einem Bild]
Mit diesem Flag wird das ICON deaktiviert und statt dessen das als Parameter übergeben Bild verwendet. Achte bitte drauf, dass das Bild nicht zu Groß gewählt wird, denn es wird mit maximal 100 Pixel Breite angezeigt. (Um unnötige Ladezeit zu verhindern)
„text-align“: mögliche Werte [left,center]
Wird der Parameter nicht angegeben wird text-aling=“left“ verwendet. Diese Einstellung betrifft den Titel und den Text.
 

Hier einige Beispiele des „Designbox-ShortCode“