Icon-Sets und Sammlungen
Ein Icon-Set pro Kunde oder Marke anlegen, mit Icons füllen, im Raster der Icon-Bibliothek ordnen und Theme- und Ordner-Icons als Sammlungen nutzen.
Mit Easy SVG Pro hältst du so viele Icon-Sammlungen, wie du brauchst, zum Beispiel eine pro Kunde oder Marke. Diese Anleitung zeigt, wie du ein Icon-Set anlegst, füllst und ordnest, und wie Icons aus deinem Theme oder aus Ordnern ebenfalls als Sammlungen dazukommen.
Bevor du loslegst
- Deine Pro-Lizenz ist aktiv.
- Icon-Set-Editor ist unter Icons → Funktionen eingeschaltet.
- Für den WordPress-Icon-Block: Mehrere Sammlungen ist auch an, und die Website läuft mit WordPress 7.1 oder neuer.
Sammlungen, Sets und Ordner
Eine Sammlung ist jede benannte Gruppe von Icons. Pro kennt mehrere Arten, und alle stehen im Raster der Icon-Bibliothek nebeneinander:
| Art | Entsteht durch | Hier bearbeitbar? |
|---|---|---|
| Icon-Bibliothek | Das kostenlose Plugin | Ja |
| Icon-Set | Dich, in WordPress | Ja |
| Theme-Icons | SVG-Dateien im Ordner assets/icons deines Themes | Nein, bearbeite die Dateien |
| Icon-Ordner | SVG-Dateien in wp-content/easy-svg-icons/<name>/ oder einem Icon-Paket-Plugin | Nein, bearbeite die Dateien |
| Per Code registriert | Einen Entwickler, mit ein paar Zeilen PHP | Nein |
Beispiel: Eine Agentur baut Websites für eine Bäckerei und eine Kanzlei. Sie legt zwei Sets an, baeckerei und kanzlei, damit die Icons jedes Kunden getrennt und leicht zu finden sind.
Dein erstes Set anlegen
Neues Set beginnen
Gehe zu Icons → Icon-Sets und klicke auf Neues Set. Du landest im Tab Icon-Bibliothek. Du kannst auch direkt in der Liste Sammlungen links in der Icon-Bibliothek auf Neues Set klicken.
Benennen
Tippe einen Namen in Name des neuen Sets, zum Beispiel "Acme", und drücke Enter. Eine Meldung sagt "Set „Acme“ angelegt. Zieh Icons darauf." Das Set erscheint in der Liste Sammlungen.
Set öffnen
Klicke das Set in der Liste Sammlungen an. Das Raster zeigt jetzt nur dieses Set, und die Ablagefläche oben fügt Icons in dieses Set ein.
Icons hinzufügen
Lege SVG-Dateien auf der Ablagefläche ab, oder klicke auf SVG auswählen, Aus der Mediathek wählen oder Markup einfügen. Ein ZIP mit SVG-Dateien oder eine SVG-Icon-Schrift geht auch, siehe Icons importieren.
acme/front-door, und du kannst es im Icon-Block, per Shortcode, mit easy_svg_icon() oder in deinem Page Builder nutzen.Icons ordnen
Alles passiert unter Icons → Icon-Bibliothek. Die Liste Sammlungen links wechselt zwischen Alle Icons, der Icon-Bibliothek und jedem Set oder Ordner. Ein Ordner trägt den Hinweis "Nur lesen: Diese Icons kommen aus Dateien".
| Du willst ... | So geht es |
|---|---|
| Ein Icon in ein Set verschieben | Ziehe seine Kachel auf das Set in der Liste Sammlungen, oder öffne das Menü Mehr der Kachel und wähle das Set unter Verschieben nach. |
| Viele Icons verschieben | Klicke auf Mehrere auswählen, hake die Icons an, dann Verschieben nach… in der dunklen Leiste. |
| Ein Icon umbenennen | Stift-Knopf auf der Kachel. Die Adresse bleibt. |
| Einem Icon eine neue Zeichnung geben | Menü Mehr → Zeichnung ersetzen…, dann eine Datei wählen. Die Adresse bleibt. |
| Ein Icon der Textfarbe folgen lassen | Menü Mehr → Umfärben: Textfarbe übernehmen. Jede Füllung und Kontur wird zu currentColor. |
| Icons herunterladen | Mehrere auswählen, bis zu 100 Icons anhaken, dann Exportieren. Du bekommst ein ZIP-Paket. |
| Ein Set umbenennen | Aktionen-Knopf des Sets in der Liste Sammlungen → Umbenennen. Seine Adresse bleibt. |
| Ein Set löschen | Aktionen des Sets → In den Papierkorb. Rückgängig holt es zurück. |
| Icons aus einem Set entfernen | Mehrere auswählen, anhaken, Entfernen. Rückgängig holt sie zurück. |
acme/tuer zu kanzlei/tuer. Pro passt die Stellen an, die es findet (Beiträge, Felder, Builder-Daten), und sagt dir, wie viele es angepasst hat. Templates in Theme-Dateien musst du selbst ändern.Der Bildschirm Icon-Sets
Icons → Icon-Sets listet alle deine Sets mit Name, Adresse und Anzahl der Icons. Hier suchst du Sets, wählst mehrere aus und schiebst sie mit In den Papierkorb auf einmal weg. Ein Set im Papierkorb wird dem Icon-Block nicht mehr angeboten. WordPress leert den Papierkorb nach eigenem Zeitplan.
Icons aus deinem Theme und aus Ordnern
Ist Theme- und Ordner-Quellen eingeschaltet, liest Pro auch SVG-Dateien aus Ordnern. Ein Upload ist nicht nötig: Leg die Dateien an ihren Platz, und sie erscheinen als Sammlung.
- Dein Theme. SVG-Dateien im Ordner
assets/iconsdeines Themes werden zur Sammlung Theme-Icons. Die Dateien eines Child-Themes gewinnen gegen gleichnamige Dateien des Eltern-Themes. - Ein Drop-in-Ordner. Lege
wp-content/easy-svg-icons/acme/an und leg SVG-Dateien hinein. Sie werden eine Sammlung, benannt nach dem Ordner, oder nach demslugeinermanifest.jsonin diesem Ordner. - Ein Icon-Paket-Plugin. Ein Plugin, gebaut mit dem Icon Pack Starter, übergibt Pro seinen Ordner.
Jede Datei wird ein Icon, benannt nach der Datei: front-door.svg wird front-door. Ordner-Icons sind in WordPress schreibgeschützt. Willst du eines ändern, ändere die Datei.
Unter Icons → Pakete siehst du jede Sammlung mit ihrer Herkunft, und welche Dateien ein Ordner nicht nutzen konnte, samt Grund.
Gut zu wissen
- Die Adresse ist die Identität. Templates, Blöcke und Felder speichern die Adresse. Ein Icon oder Set umzubenennen ändert sie nie, die Zeichnung zu ersetzen auch nicht, Verschieben schon.
- Ordner sind auf 1000 Icons begrenzt. Größere Ordner werden gekürzt, und der Bildschirm Pakete sagt, welche Dateien fehlen. Ein Entwickler kann die Grenze anheben.
- Sets im Entwurf. Ein noch nicht veröffentlichtes Set behält seinen eigenen Bearbeitungsbildschirm und erscheint erst nach dem Veröffentlichen im Raster.
Häufige Fragen
Passende Anleitungen
Icons importieren
Ein Set aus ZIP, Schrift oder Font Awesome füllen.
Mehrfachbearbeitung
Viele Icons umbenennen, kopieren und verschieben.
Icon-Verlauf
Zu einer früheren Zeichnung zurück.
Icon-Pakete
Ein Set auf eine andere Website umziehen.
Entwickler können eine Sammlung per Code registrieren, siehe Sammlung registrieren, und finden alles andere in der Entwickler-Referenz.