Wie Verwenden von Symbolschriftarten in WordPress Post Editor (KEIN HTML erforderlich)

Wie Verwenden von Symbolschriftarten in WordPress Post Editor (KEIN HTML erforderlich) / WordPress-Plugins

Icon-Schriften sind Vektor-Icons, die als Schriften verwendet werden. Sie sind bei Webdesignern beliebt, da sie hübscher aussehen als Bitmap-Bilder. Sie können ihre Größe ohne Qualitätsverlust ändern und mithilfe von CSS gestalten. Aus diesem Grund verwenden viele WordPress-Designs Symbolschriftarten. Vor allem die voreingestellten zwanzig dreizehn und zwanzig vierzehn Themen. Für Anfänger ist es jedoch etwas kompliziert, Icon-Fonts auf ihren WordPress-Sites zu verwenden. In diesem Artikel zeigen wir Ihnen, wie Sie Symbolschriftarten in WordPress Post Editor verwenden, ohne HTML oder CSS zu schreiben.

Videoanleitung

Abonniere WPBeginner

Wenn Ihnen das Video nicht gefällt oder Sie weitere Anweisungen benötigen, lesen Sie weiter.

Zuerst müssen Sie das WP Visual Icon Fonts-Plugin installieren und aktivieren. Nach der Aktivierung müssen Sie zu gehen Einstellungen »Symbolschriftarten um ein Icon-Font-Set auszuwählen. Derzeit enthält das Plugin Font Awesome und Genericon-Schriftarten.

Nachdem Sie eine Schriftart ausgewählt haben, können Sie sie jetzt in Ihren WordPress-Beiträgen, Seiten, benutzerdefinierten Beitragstypen und sogar in den Vorlagendateien Ihres Themas verwenden. Um Symbolzeichensätze verwenden zu können, müssen Sie einen Beitrag erstellen oder bearbeiten Icons neben dem Medien hinzufügen Taste. Durch Klicken auf die Symbolschaltfläche wird ein Dropdown-Menü mit allen Symbolen geöffnet, die in der Symbol-Schriftart verfügbar sind. Wenn Sie ein Symbol aus diesem Dropdown-Menü auswählen, wird das Symbol in den Post-Editor eingefügt.

Sie können die Schriftgröße und -farbe auch mit den Schaltflächen im visuellen Editor ändern.

Um ein Symbol in Ihrem Design zu verwenden, erstellen Sie den erforderlichen HTML-Code am einfachsten, indem Sie im Post-Editor eine Symbol-Schriftart hinzufügen und dann zum Text-Editor wechseln, um den HTML-Code zu kopieren. Fügen Sie es in Ihre Vorlagendateien ein, in denen Sie eine Symbolschriftart anzeigen möchten.

Symbolschriftarten können verwendet werden, um schöne Landing-Pages in WordPress zu erstellen, ohne Bilder zu verwenden. Sie können auch verwendet werden, um verschiedene Abschnitte eines Langformartikels oder Posts hervorzuheben. Dieses Plugin enthält 369 Icons mit Font Awesome und 62 Icons mit Genericon-Font.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, fantastische Symbolschriftarten in WordPress hinzuzufügen. Teilen Sie uns mit, wie Sie Icon-Schriftarten in Ihren WordPress-Projekten verwenden möchten, indem Sie unten einen Kommentar hinterlassen.