Fügen Sie der Listable-Vorlage neue Symbole hinzu

Hallo Leute,

Im heutigen Tutorial werden wir sehen, wie wir der Listable-Vorlage neue Symbole hinzufügen können.

Obwohl es wie eine sehr harmlose Aufgabe erscheinen mag, ist es nicht so einfach, wie es klingt.

Die von listable for the web verwendeten Icons sind Dateien im SVG-Format.

Die Symbole im SVG-Format sind großartig, da wir die Größe und Farbe über CSS ändern können, da es mit XML funktioniert. Wenn Sie mehr über dieses Format erfahren möchten, können Sie sich die ansehen Wikipedia

Wenn wir mit diesem leistungsstarken Format in WordPress arbeiten, stoßen wir auf mehrere Probleme:

Fehler beim Hochladen von SVG-Dateien in WordPress: Standardmäßig erlaubt WordPress das Hochladen von Dateien mit diesem Format aus Sicherheitsgründen nicht, wir werden im Video-Tutorial sehen, wie wir sie hochladen können.

Farbe automatisch ändern Der Vorteil der Verwendung von Bildern in SVG besteht darin, dass wir dasselbe Bild mit unterschiedlichen Farben an verschiedenen Stellen verwenden können. Wir werden lernen, wie es geht. Dazu müssen wir die SVG-Datei mit einem Texteditor bearbeiten. Ich empfehle dir Sublime Text

Finden Sie neue kostenlose Qualitäts-SVG-Icons Im Tutorial erkläre ich auch, wo Sie kostenlose, hochwertige Icons im SVG-Format für Ihre mit Listable 😉 erstellte Website herunterladen können

Ohne weitere Umschweife, hier ist das Tutorial:

Um diesen Inhalt sehen zu können, müssen Sie Mitglied der sein Premium-Zone, Wenn Sie die Premium Zone nicht abonniert haben, können Sie geben Melden Sie sich hier für 10 €/Monat an

23 Fügen Sie der Listable-Vorlage neue Symbole hinzu

Ich hoffe es hat euch gefallen 😉

Grüße

Oscar