Ok, also ich habe einige Dinge ausprobiert, um meine eigenen zu erstellen. Leider führt der Link, um ein Beispiel dafür zu sehen, wie die SVG-Sprite-Datei im Originalbeitrag (OP) formatiert sein sollte, nur zu einer leeren Seite; sie lädt nicht. Also habe ich es einfach versucht. Ich habe beide SVGs in Illustrator erstellt, exportiert und dann in Chrome geworfen, um mit „Element untersuchen" die Pfadinformationen zu erhalten.
Ich arbeite auf einem Mac, also habe ich TextEdit geöffnet und die Informationen hineinkopiert, die meiner Meinung nach in der Sprite-Datei stehen sollten. Dann habe ich die Erweiterung in .svg geändert. Ich habe sie im Theme hochgeladen und den JS-Code in den Header eingefügt.
Auch hier bin ich mir nicht sicher, ob irgendetwas davon richtig ist, und ich bin mir ziemlich sicher, dass es nicht stimmt, da der Vorschau-Modus des Themes die gesamte Seite zum Absturz bringt. Ich erhalte den Fehler „Ooops – Die Software, die dieses Diskussionsforum betreibt, ist auf ein unerwartetes Problem gestoßen." Nachdem ich die hochgeladene Icons-Sprite.svg entfernt habe und ein wenig gewartet habe, lädt die Seite wieder korrekt.
Nachfolgend sind die SVG-Informationen aus der Datei und der JSON-Code.
Danke!
Hier ist die Sprite-Datei auf Google Drive, falls jemand Lust hat, einen Blick darauf zu werfen: Drive
Und der Code –
