WP SVG-Icons

Die WP SVG-Fonts besitzt eine Icon-Auswahl von knapp 500 Icons

Die WP SVG-Fonts besitzt zwar keine so riesige Icon-Auswahl (knapp 500), aber für die meisten WordPress-Projekte sind die Icons vollkommen ausreichend.


Eigenschaften

  • Über 490 Icons enthalten
  • Erstellen und laden Sie Ihre eigenen benutzerdefinierten Symbole mit dem benutzerdefinierten Symbol-Importprogramm hoch
  • Laden Sie Ihr eigenes Symbol aus IcoMoonherunter und importieren Sie es
  • Icons direkt in Posts / Pages / Sidebars einfügen
  • Es muss keine einzige Codezeile geschrieben werden
  • Aktiv in Entwicklung

Verwenden Sie den neu implementierten Shortcode, um zu verhindern, dass Symbole zwischen den visuellen und HTML-Registerkarten des Editors entfernt werden!


Installation

Plugins / Installieren / Aktivieren

Plugins / Installieren / Aktivieren

  1. Gehen Sie zur Plugin-Seite ‚WP SVG Icon 'im Dashboard
  2. Klicken Sie auf das Symbol, das Sie verwenden möchten
  3. Eine Vorschau des Symbols wird dann oben im Vorschaubereich angezeigt. Sie können entweder den generierten Shortcode kopieren oder auf ‚Symbol einfügen 'klicken
  4. Denken Sie daran, dass Sie den Shortcode auch in Widgets oder an einer anderen Stelle auf Ihrer Website verwenden können.
    Wenn der Shortcode nicht für Ihre Anforderungen geeignet ist, sollten Sie stattdessen den generierten HTML-Code verwenden.

Gliederungs ICONS erstellen

Sie wollen folgenden Text mit Gliederungs Icons erstellen

Mit diesem SiteOrigin Onlinekurs wird es Ihnen geliengen, Ihr eigenes digitales Infoprodukt innerhalb weniger Stunden auf den Markt zu bringen.
Sie sind technisch unbegabt oder Anfänger im Online Marketing? Kein Problem: Genau für Leute wie Sie wurde dieser Onlinekus erstellt!

  • Digitales Produkt produzieren
  • Graiken und Coves anfertigen
  • Digitales Produkt bereitstellen
  • Produkt im Digistore24 anlegen
  • und vieles mehr.

Icon auswählen

Dashboard / WP SVG-Icons / Default Icon Set

Bei diesen Symbolen handelt es sich um skalierbare Vektorgrafiken, dh Sie können sie ohne Qualitätsverlust auf die gewünschte Größe einstellen. Genießen!

Vorgehensweise:

  • Schritt 1: Suchen Sie das gewünschte Symbol und klicken Sie darauf.
  • Schritt 2: Wählen Sie das Element aus, mit dem Ihr Symbol umhüllt werden soll.h1 h2 h3 span div i b
  • Schritt 3: Klicken Sie in einem Beitrag oder einer Seite auf "Symbol einfügen" oder verwenden Sie den generierten Shortcode an einer beliebigen Stelle auf Ihrer Website oder in einer beliebigen Vorlagendatei.

Shortcode:

Diesen Shortcode mit den englischen Bezeichnungen fügen Sie an der Stelle ein, ander der Aufzählungshaken erscheinen soll (meistens zu Beginn der Zeile).

Frontend mit Aufzählungshaken


Aufzählungszeichen konfigurieren (Größe 4em / Farbe: rot)


Frontend mit diesen Aufzählungszeichen


Fertige Konfiguration

Die Aufzählungszeichen erhalten die Farbe rot und eine Größe von 2 em

Der Shortcode

Der Shortcode


Frontend Ansicht

Frontend Ansicht mit Aufzählungszeichen

Das WP SVG-Icon in Action

Mit diesem SiteOrigin Onlinekurs wird es Ihnen gelingen, Ihr eigenes digitales Infoprodukt innerhalb weniger Stunden auf den Markt zu bringen.
Sie sind technisch unbegabt oder Anfänger im Online Marketing? Kein Problem: Genau für Leute wie Sie wurde dieser Onlinekus erstellt!

Digitales Produkt produzieren

Grafiken und Coves anfertigen

Digitales Produkt bereitstellen

Produkt im Digistore24 anlegen

und vieles mehr.

Veröffentlicht in Plugins.