Elementor Font Awesome deaktivieren

In diesem Blog-Beitrag erfährst du, wie du Elementor Font Awesome deaktivieren und lokal in deinem WordPress-Elementor-Website einbinden kannst. Eine lokale Integration verbessert die Performance deiner Website, erhöht die Privatsphäre deiner Besucher und hilft dir dabei deine Website vor abmahnungen oder Rechtlichen änderungen zu schützen

Was genau ist Font Awesome eigentlich?

Font Awesome ist im Grunde genommen eine besondere Art von Schriftart. Anstelle von Buchstaben bestehen die Zeichen in dieser Schriftart aus verschiedenen Symbolen und Icons. Diese werden durch CSS und LESS (Stylesheet-Sprache) dargestellt und gesteuert. Im Vergleich zur Nutzung von Rastergrafiken ergeben sich daraus einige Vorzüge, wie etwa eine verbesserte Skalierbarkeit und eine optimierte Performance.

Vorteile von Font Awesome bei der Verwendung von Icons

Die Nutzung von Rastergrafiken wie .png oder .jpeg für Icons bietet zwar maximale gestalterische Freiheit, bringt jedoch Nachteile bei der Einbindung, Skalierbarkeit und Performance mit sich. Beispielsweise benötigt das Speichern einzelner Pixel mehr Speicherplatz als das Speichern von mathematischen Formeln, die Formen beschreiben.

Genau das ist der Ansatz von Font Awesome. Im Vergleich zu Rastergrafiken sind die Dateien kleiner und somit schneller ladend. Selbst wenn man Vektorgrafiken für Icons verwendet, bietet Font Awesome Vorteile: Es ist einfacher in eine Website einzubetten und zu bearbeiten, zum Beispiel beim Einfärben der Icons.

Font Awesome wird sehr häufig eingesetzt und ist möglicherweise bereits in deinem WordPress-Theme enthalten. Um dies zu überprüfen, kannst du suchen, ob das Stylesheet „all.css“ vom Font Awesome-Server geladen wird.

Hier findest du die besten SEO Tools am Markt: d4dlaunch.eu/die-besten-seo-tools-am-markt

Den entsprechenden Befehl findest du in der Header-Datei (header.php) deines Themes. Das sieht etwa so aus:<link rel=’stylesheet‘ id=’font-awesome-css‘ href=’https://use.fontawesome.com/releases/v5.12.0/css/all.css?wpfas=true‘ type=’text/css‘ media=’all‘ />

Schritt für Schritt erklärung

Schritt 1: Öffne dein WordPress-Dashboard und navigiere zu „Elementor“ > „Einstellungen“.

Schritt 2: Klicke auf den Tab „Erweitert“.

Schritt 3: Suche nach der Option „Load Font Awesome 4 Support“ und wähle „Nein“ aus dem Dropdown-Menü.

Schritt 4: Vergiss nicht, die Änderungen zu speichern, indem du auf „Änderungen speichern“ klickst.

So konntest du erfolgreich Elementor Font Awesome deaktivieren.

Font Awesome lokal herunterladen

Besuche die offizielle Font Awesome-Website (https://fontawesome.com) und lade die neueste Version von Font Awesome herunter. Entpacke die ZIP-Datei und speichere den Ordner an einem Ort, an den du leicht zugreifen kannst.

Font Awesome in WordPress hochladen:

Schritt 1: Öffne dein WordPress-Dashboard und navigiere zu „Medien“ > „Dateien hinzufügen“.

Schritt 2: Lade den gesamten, zuvor entpackten Font Awesome-Ordner in dein WordPress-Medienverzeichnis hoch.

Font Awesome in Elementor integrieren

Um Font Awesome lokal in dein Elementor-Projekt einzubinden, folge diesen Schritten:

Schritt 1: Öffne den Theme-Datei-Editor deiner WordPress-Installation und suche die „functions.php“-Datei.

Schritt 2: Füge den folgenden Code am Ende der „functions.php“-Datei ein:

function my_enqueue_font_awesome() {
    wp_enqueue_style('font-awesome', get_template_directory_uri() . '/path/to/font-awesome/css/all.min.css', array(), '5.x.x');
}
add_action('wp_enqueue_scripts', 'my_enqueue_font_awesome');

Ersetze „/path/to/font-awesome“ mit dem Pfad zum hochgeladenen Font Awesome-Ordner in deinem Medienverzeichnis.

Schritt 3: Speichere die Änderungen in der „functions.php“-Datei.

Fazit

Du hast nun erfolgreich Elementor Font Awesome deaktiviert und lokal integriert. Durch diese lokale Integration profitierst du von einer besseren Performance und erhöhter Privatsphäre für deine Website-Besucher. Viel Spaß beim Gestalten deiner Website mit Font Awesome und Elementor!

Vielen Dank für dein Interesse an diesem Beitrag. Bei Fragen oder Anfragen kannst du mich gerne kontaktieren.