Vorlage:Icon: Unterschied zwischen den Versionen
Aus BrandWiki
Ahoi (Diskussion | Beiträge) |
Ahoi (Diskussion | Beiträge) |
||
| Zeile 2: | Zeile 2: | ||
| − | == | + | ==Icons verwenden== |
| − | + | Um Icons in den Text (oder andere Vorlagen) einzubauen, kannst du die Vorlage so verwenden: | |
<strong><code><nowiki>{{Icon|</nowiki>'''globe'''<nowiki>}}</nowiki></code></strong> | <strong><code><nowiki>{{Icon|</nowiki>'''globe'''<nowiki>}}</nowiki></code></strong> | ||
| Zeile 10: | Zeile 10: | ||
Ersetze '''<code>globe</code>''' mit dem passenden Code für das passende Icon: | Ersetze '''<code>globe</code>''' mit dem passenden Code für das passende Icon: | ||
| + | |||
; <i class="fas fa-book" aria-hidden="true"></i> <code>book</code> | ; <i class="fas fa-book" aria-hidden="true"></i> <code>book</code> | ||
: Wikipedia | : Wikipedia | ||
Version vom 10. August 2022, 09:44 Uhr
Icons verwenden
Um Icons in den Text (oder andere Vorlagen) einzubauen, kannst du die Vorlage so verwenden:
{{Icon|globe}}
Das sieht dann so aus:
Ersetze globe mit dem passenden Code für das passende Icon:
-
book - Wikipedia
-
comment - BrandWikis Kommentar
-
building - Typ einer Organisation
-
certificate - Zertifikate (Labels, Qualitätszeichen, Siegel) auf Markenseiten und Zertifikaten
-
envelope - Kontakt
-
globe - für Links/URLs (vorwiegend eigene Websites und Social Media)
-
home - Konzern, Mutterunternehmen
-
heart - Markenwerte, Editierrichtlinien
-
info-circle - Über, mehr Info
-
chess-knight - Personen (eher nicht: User)
-
user - Personen, im Sinne von Online-User
-
link - Weblinks
-
map-marker - Sitz eines Unternehmens
-
palette - Markenfarben
-
paste - Quellen
-
pencil-alt - Bearbeiten
-
plus - + neu hinzufügen
-
star - Bestätigte Inhalte (in diesem Wiki)
-
tag - Kategorie
-
tags - Schlagwörter
-
th - Thema, Kategorie
-
th-list - Liste
Marken-Icons
Für bestimmte Marken-icons brauchst du die erweiterte Vorlage Icon-fab:
{{Icon-fab|instagram}}
-
facebook -
facebook-square -
facebook-f -
instagram -
instagram-square -
twitter -
twitter-square -
pinterest -
pinterest-square -
pinterest-p -
youtube -
youtube -
wikipedia-w
Spezielle Icons, die hier nur einmalig vergeben werden:
Diese werden nur einmalig vergeben und sollte nicht anderweitig im Text eingesetzt werden.
-
exclamation-triangle - Achtung in der Box-Vorlage
-
leaf - für Greenpeace Gütezeichen-Guide, ein Labeltests, der Labels auf Nachhaltigkeit in Bezug auf die Umwelt prüft
-
shopping-bag - für Bewusst kaufen, eine Plattform des österreichischen Bundesministeriums BMK, das Labels beschreibt.
Wie es funktioniert
Wir sind von Bootstraps Glyphicons mit der neuen Skin auf Font Awesome gewechselt, derzeit noch in Version 5 (die neueste ist Version 6). Möglich sind nur jene, die als „Free“ gekennzeichnet sind (keine Pro-Version).
Die Einbindung innerhalb der Vorlage erfolgt mittels des Code zu Font Aweseome:
<i class="fas fa-globe" aria-hidden="true"></i>
ergibt:
