Die Menschen fühlen sich natürlich von der visuellen Erscheinung von a angezogen Website von WordPress, so sehr sie von den geschriebenen Inhalten angezogen werden, die Sie teilen. Tatsächlich gem Jeff Bullas ", Artikel mit Bildern haben 94% mehr Aufrufe als Artikel ohne Bilder.

Das ist eine enorme Zunahme der Seitenaufrufe, wenn Sie mich fragen.

Und was ist der Grund, genau?

Fügen Sie einfach ein paar hochwertige, artikelrelevante Bilder in Ihren Inhalt ein.

Aber was ist mit den Bildern auf Ihrem Website die über Screenshots und Fotos hinausgehen? Was ist mit Bildern, die nicht nur Aufmerksamkeit erregen, sondern auch eine nützliche Funktion erfüllen?

Ja, ich spreche von Symbolen. Sie wissen, diese winzigen Bilder, die auf Websites zu finden sind, um das Teilen in sozialen Medien zu fördern, um Kontaktseiten von Geschäftsinhabern zu veranschaulichen, um nur einige Fälle zu nennen von Nutzen.

Da die Idee von dieser Seite übernommen wurde, die Besucher nicht nur von Bildern auf Websites angezogen wurden, sondern auch dazu neigten, mit ihnen zu interagieren, fingen die Leute an, sie auf ihren Websites hinzuzufügen.

Mit fortschreitender Technologie geraten traditionelle Bildsymbole als Bildlösung für Websites wie immer ins Stocken. Dies liegt daran, dass sie die Seiten viel schwerer und damit langsamer machen, aber vor allem war diese Lösung nicht immer für Handys geeignet.

Aber es gibt eine Lösung: Symbolschriftarten.

Heute werde ich Ihnen sagen, was Symbolschriftarten sind und welche Vorteile es hat, sie auf Ihrer WordPress-Site zu verwenden. Außerdem zeige ich Ihnen, wie Sie mit dem beliebten Plugin Symbolschriftarten zu Ihrer WordPress-Site hinzufügen können. " Bessere Schrift Ehrfürchtig ".

Also fangen wir an.

Was sind Symbolschriftarten und warum sollten Sie sie verwenden?

Symbolschriftarten sind genau das, was sie sagen: Schriftarten, die vollständig in Symbole integriert sind. In der Tat Symbol Schriftarten oder " Make-Symbol "Kann als eine Schriftart beschrieben werden, die nur Zeichen oder Symbole anzeigt, nicht die Buchstaben und Zahlen, denen herkömmliche Schriftarten und Texte zugeordnet sind.

Schriftart der Wordpress-SymboleSymbolschriftarten werden verwendet, um häufig verwendete Symbole auf Ihrer Site anzuzeigen. Beispielsweise sind Social Media-Schaltflächen, Ihr Warenkorb, Download-Schaltflächen und Navigationsschaltflächen Beispiele für Symbole, die winzige interaktive Bilder auf Ihrer Website anzeigen.

Fonticone auf einer Website

Warum Symbolschriftarten verwenden?

Bildsymbole haben in der Vergangenheit für viele Websitebesitzer gut funktioniert. Da sich Navigationsregeln, Benutzerfreundlichkeit und Design jedoch weiterentwickelt haben, sind Symbolschriftarten zur besten Lösung für die Anzeige interaktiver Bilder auf einem geworden Webseite.

Hier einige überzeugende Gründe, warum Symbolschriftarten die beste Wahl sind:

  • Einfach erweiterbar, ohne an Qualität zu verlieren
  • In Farbe und Farbton anpassbar
  • 100% reaktions
  • Funktioniert wie CSS-Bild-Sprites, verhält sich jedoch wie Text
  • Einfach zu bedienen
  • kompatible Browser
  • Passen Sie Deckkraft, Drehung und mehr an
  • Größe kleinere Datei
  • Opfern Sie nicht Geschwindigkeit oder Leistung Ihrer Website

Wie Sie sehen, gibt es mehrere Gründe, warum Sie möglicherweise eine Symbolschrift auf Ihrer Website anstelle eines Bildsymbols verwenden möchten.

Installieren von Schriftsymbolen auf Ihrer Site mithilfe eines Plugins

Better Font Awesome ist a WordPress Plugin Freeware, mit der Sie automatisch die neueste Version von Font Awesome in Ihr WordPress-Projekt integrieren können. Darüber hinaus enthält es CSS, Shortcodes und den TinyMCE-Shortcode-Generator.

Dieses Plugin bietet eine Reihe nützlicher Funktionen für Websitebesitzer:

  • Routine-Update der neuesten Version
  • Möglichkeit, zwischen Versionen von Font Awesome zu wechseln, ohne die Funktionscodes zu ändern
  • Unterstützung für andere beliebte Schrift-Plugins einschließlich ihrer Shortcodes
  • Herausgegeben von jsDelivr CDN

1-Schritt: Installieren und Aktivieren von Better Font Awesome

Installieren und aktivieren Sie zunächst das Plugin „Better Font Awesome“ über Ihr WordPress-Dashboard, genau wie bei jedem anderen Plugin.

Navigieren Sie zunächst zu " Plugins> Neu hinzufügen Und suche nach " Bessere Schrift Ehrfürchtig ".

Bessere Schriftart fantastisches Plugin installieren und aktivieren

Dann wählen Sie " jetzt installieren »Und klicken Sie auf« Aktivieren ".

Nach der Aktivierung fügt das Plugin einen Link hinzuBessere Schrift EhrfürchtigIm Menü Einstellungen Ihres WordPress-Dashboards.

Bessere Schrift super Plugin neuer Menüpunkt

Schritt 2: Plugin-Einstellungen konfigurieren

Plugin konfigurieren « Bessere Schrift Ehrfürchtig ", Klicken Sie zunächst auf den Menüpunkt" Bessere Schrift Ehrfürchtig Unter Einstellungen. Sobald Sie das tun, sehen Sie einen Bildschirm ähnlich dem folgenden:

Bessere Einstellungen für die Plugin-Konfiguration für fantastische SchriftartenHier können Sie folgendes tun:

  • Version: Wählen Sie die Version von "Better Font Awesome" aus, die Sie verwenden möchten.
  • Verwenden Sie minimiertes CSS: Aktivieren Sie dieses Kontrollkästchen, wenn Sie die verkleinerte Version von CSS verwenden möchten.
  • Löschen Sie die vorhandene Druckschrift: Aktivieren Sie dieses Kontrollkästchen, um zu versuchen, codierte Snippets und Shortcodes zu entfernen, die von anderen Plugins und Themes hinzugefügt wurden.
  • Admin-Bewertungen ausblenden: Blenden Sie die Standard-Administratorwarnungen aus, die angezeigt werden, wenn API- und CDN-Fehler auftreten.

Zusätzlich zu der Mindestanzahl an Optionen für "Better Font Awesome" gibt es einen kleinen Abschnitt "Verwendung", in dem erläutert wird, wie Sie Ihrer Website Symbole hinzufügen.

Verwenden des besseren Plugins für fantastische Schriftarten

Schritt 3: Hinzufügen von Symbolen zu Ihrer Website

Es gibt drei einfache Möglichkeiten, Ihrer Website mithilfe von „Better Font Awesome“ Symbole hinzuzufügen - über Shortcode, HTML oder TinyMCE.

# 1. Hinzufügen von Symbolen mit Shortcode

Um Ihrer Website mithilfe eines Shortcodes Symbole hinzuzufügen, besuchen Sie zunächst die Schaltfläche " Font Ehrfürchtig Zeigt eine vollständige Liste der verfügbaren Symbole an, die verwendet werden können.

Hier können Sie nach dem gewünschten Symbol suchen. Wenn Sie beispielsweise ein "E-Mail" -Symbol möchten, suchen Sie einfach nach diesem Schlüsselwort und wählen Sie das gewünschte Symbol aus, indem Sie darauf klicken.

Suchen Sie nach einem Symbol auf fontawesomeNachdem Sie auf das Symbol geklickt haben, das Sie hinzufügen möchten, wird ein Bildschirm mit dem Bild des Symbols in verschiedenen Größen und einem kleinen Codeblock angezeigt:

Schriftsymbol mit all seinen GrößenKopieren Sie einfach den Codeblock und fügen Sie ihn über die Registerkarte "Texteditor" an einer beliebigen Stelle auf Ihrer Website ein. So sieht der Editor auf Ihrer Website aus:

Code-Editor mit Symbolen auf WordPressCode-Editor mit Symbolen auf WordPressAm Ende ist hier was Besucher sehen, wenn sie auf Ihre Website zugreifen:

Wordpress Icon Poster Ergebnis
# 2. Hinzufügen von Symbolen mithilfe von HTML-Code

Wie wir im Abschnitt " Wie wird das Kissen verwendet? Sie haben die Möglichkeit, HTML-Code zum Einfügen von Symbolen in Ihre Website zu verwenden. Plugin-Entwickler berücksichtigen jedoch, dass für die Verwendung von HTML versionenspezifische Präfixe erforderlich sind.

Aus diesem Grund wird empfohlen, stattdessen Shortcodes zu verwenden. Wenn Sie jedoch HTML-Code verwenden möchten, hat Font Awesome nützliche Informationen hier.

# 3. Hinzufügen von Symbolen mit TinyMCE

Dies ist wahrscheinlich der einfachste Weg, um Ihrer Site Symbole hinzuzufügen. Klicken Sie im Modus "Visueller Editor" einfach auf das Symbol Einfügen. Scrollen Sie von dort aus durch die verfügbaren Symboloptionen oder schränken Sie Ihre Ergebnisse mithilfe der Suchfunktion ein.

Suchschaltfläche für den visuellen Editor von Wordpress

Wenn Sie das gewünschte Symbol gefunden haben, klicken Sie einfach darauf. Der Shortcode-Generator gibt die erforderlichen Informationen automatisch in Ihren Beitrag oder Ihre Seite ein.

Wenn Sie erfahren möchten, wie Sie die Symbole auf Ihrer Site anpassen, lesen Sie die Beispiele unter " Font Ehrfürchtig ".