Vorlage:Icon: Unterschied zwischen den Versionen
Aus BrandWiki
Ahoi (Diskussion | Beiträge) |
Ahoi (Diskussion | Beiträge) |
||
Zeile 64: | Zeile 64: | ||
; <i class="fas fa-plus" aria-hidden="true"></i> <code>plus</code> | ; <i class="fas fa-plus" aria-hidden="true"></i> <code>plus</code> | ||
: + neu hinzufügen | : + neu hinzufügen | ||
− | |||
− | |||
− | |||
; <i class="fas fa-tag" aria-hidden="true"></i> <code>tag</code> | ; <i class="fas fa-tag" aria-hidden="true"></i> <code>tag</code> | ||
Zeile 112: | Zeile 109: | ||
; <i class="fas fa-shopping-bag" aria-hidden="true"></i> <code>shopping-bag</code> | ; <i class="fas fa-shopping-bag" aria-hidden="true"></i> <code>shopping-bag</code> | ||
: für [[Bewusst kaufen]], eine Plattform des österreichischen Bundesministeriums BMK, das Labels beschreibt. | : für [[Bewusst kaufen]], eine Plattform des österreichischen Bundesministeriums BMK, das Labels beschreibt. | ||
+ | |||
+ | ; <i class="fas fa-star" aria-hidden="true"></i> <code>star</code> | ||
+ | : Bestätigte Inhalte & für [[Siegelklarheit]], ein Labeltests, der Labels bewertet | ||
==Wie es funktioniert== | ==Wie es funktioniert== |
Version vom 28. November 2022, 23:49 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
-
question-circle
- Frage
-
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
-
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
-
linkedin
-
linkedin-in
-
youtube
-
youtube-square
-
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.
-
star
- Bestätigte Inhalte & für Siegelklarheit, ein Labeltests, der Labels bewertet
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: