Mit dem neuen Element Shortcode-Icon können Icons auf der eigenen Inhaltsseite eingebunden

werden.

Der Shortcode passt sich dabei dynamisch der Schriftgröße an.

Zuerst wird aus der Liste der Font Awesome Icons für die Version 4.7 ein Icon ausgewählt

und der Name notiert.

Dieser Name wird dann dem Attribute Icon als Wert hinzugefügt.

Im Anschluss erhält man ein Icon, das die aktuelle Standard Schriftgröße und die Standard

Textfarbe übernimmt.

Durch Ändern des Attributwerts wird auch das Icon auf der Inhaltsseite entsprechend

angepasst.

Der Shortcode kann dann durch verschiedene Shortcode-Attribute erweitert werden.

Das Attribut Color steuert die Farbausgabe des Icons.

Mithilfe eines Hexwertes oder den Fakultätskürzeln kann hierbei die Farbe eingestellt werden.

Neben diesen beiden Attributen gibt es noch ein weiteres Attribut und zwar das Attribut

Style.

Style kann mehrere Werte besitzen.

Hierbei kann man einmal die Größe steuern, indem man zwischen zweimal, dreimal, viermal

oder fünfmal wählt.

Das Icon erhält dann die zwei- bis fünffache Größe der Standard Textausgabe.

Daneben gibt es noch den Wert Border, der für das Style-Attribut verwendet werden kann.

Border erzeugt einen Rahmen, der um das Icon ausgegeben wird.

Hierbei kann man das Ganze auch mit dem anderen Style-Attribut kombinieren, indem man die

beiden Werte durch ein Komma trennt.

Mit Pull Left oder Pull Right kann die Darstellung neben einem Text gesteuert werden.

Auch dieser Wert kann mit den anderen Werten kombiniert werden.

Der neue Icon Shortcode bietet also einige Möglichkeiten, wie man Akzente setzen kann.

Falls Sie jetzt noch Fragen oder Probleme mit dem neuen Shortcode haben, dann schreiben Sie

eine Mail an webmasteredfau.de.

Wir freuen uns auch immer über Feedback und Vorschläge zu unseren Anleitungsseiten.