Stile und Theme-Farben
Größe, Farbe und Abstand als benannte Stilvorlage speichern, vielen Icons auf einmal geben und mehrfarbige Icons auf die Farben deines Themes zeigen lassen.
Vierzig Icons einzeln umzufärben kostet einen Nachmittag. Mit Stilvorlagen kostet es einen Klick: Du speicherst Größe, Farbe und Abstand unter einem Namen und gibst die Vorlage so vielen Icons, wie du willst. Mit Theme-Farben folgt ein mehrfarbiges Icon deinem Theme, auch Stilvarianten und dem dunklen Modus.
Bevor du loslegst
- Deine Pro-Lizenz ist aktiv.
- Stile & Theme-Farben ist unter Icons → Funktionen, Gruppe Im Editor, an.
- Dein Theme hat eine Farbpalette (Block-Themes legen sie in den globalen Stilen fest).
Gehe zu Icons → Stile. Der Bildschirm hat zwei Teile: Stilvorlagen und Icons.
Eine Stilvorlage anlegen
Vorlage hinzufügen
Klicke unter Stilvorlagen auf Vorlage hinzufügen.
Ausfüllen
- Name: zum Beispiel "Header-Icons".
- Größe in Pixeln: zum Beispiel 24. 0 lässt das Icon in der Größe, in der es gezeichnet wurde.
- Farbe: eine Farbe deines Themes, damit das Icon einer Stilvariante und dem dunklen Modus folgt.
- Abstand in Pixeln: Luft um das Icon, zum Beispiel 4.
Automatisch gespeichert
Die Vorlage wird beim Tippen gespeichert. Du siehst Gespeichert.
Entfernen löscht eine Vorlage. Rückgängig in der Meldung holt sie zurück.
Icons eine Vorlage geben
Icons finden
Suche die Icons unter Icons mit Icons suchen.
Ein Icon
Wähle in der Spalte Vorlage des Icons eine Vorlage. Keine Vorlage nimmt sie wieder weg.
Viele Icons
Hake mehrere Icons an, wähle unter Vorlage für die ausgewählten Icons eine Vorlage und klicke auf An ... ausgewählte geben.
Die Änderung erreicht jede Stelle, an der das Icon gezeigt wird: den Icon-Block, easy_svg_icon(), den Shortcode und die Page-Builder-Integrationen.
Die Farben eines mehrfarbigen Icons zuordnen
Ein logoartiges Icon nutzt vielleicht drei Farben. Jede davon kannst du auf eine Farbe deines Themes zeigen lassen.
Farben öffnen
Klicke in der Spalte Farben des Icons auf Farben zuordnen.
Pro Farbe eine Theme-Farbe wählen
Wähle für jede Farbe des Icons eine Theme-Farbe oder So lassen.
Speichern
Klicke auf Farben speichern.
Wechselst du jetzt zu einer anderen Stilvariante oder in den dunklen Modus, ändert sich das Icon mit dem Theme, ohne neu gespeichert zu werden.
Ein Icon, das in einer geerbten Farbe zeichnet, meldet, dass es nichts zuzuordnen gibt. Eine Vorlage kann es trotzdem einfärben.
Gut zu wissen
- Die Zeichnung selbst bleibt unverändert. Stile werden beim Anzeigen angewendet. Du kannst eine Vorlage also jederzeit wegnehmen und bekommst den ursprünglichen Look zurück.
- Icon-Block. Damit Stile im WordPress-Icon-Block ankommen, muss Easy SVG Support aktuell sein. Ist es zu alt, sagt der Bildschirm das. Alles andere funktioniert trotzdem.
- Beispiel. Eine Agentur gibt allen Icons im Footer die Vorlage "Footer, 20 px, gedämpftes Grau". Will der Kunde sie größer, ändert eine Anpassung der Vorlage jedes Footer-Icon.
Häufige Fragen
Passende Anleitungen
Mehrfachbearbeitung
Viele Icons umbenennen und verschieben.
Block-Editor und Block-Themes
Icons in Templates.
Für Entwickler: Die Hooks für Stile stehen in der Entwickler-Referenz.