Font Awesome (FTP) wird nur in Header angezeigt
-
Ich habe die Icon-Schriftart „font awesome“ heruntergeladen und bei meinem Anbieter im child-theme selber gehostet (one.com):
– CSS-Datei hochgeladen
– Fonts hochgeladen
– functions-php wie folgt:`function theme_enqueue_styles() {
wp_enqueue_style(‚fontawesome-style‘, get_stylesheet_directory_uri().’/css/fontawesome.min.css‘);
}Nun habe ich im Menü neben „Startseite“ ein Haus eingefügt:
<i class=“fas fa-home fa-lg“ style=“color:#2786ed“></i> StartseiteDas wird auch problemlos angezeigt. Alles, wie es soll.
Füge ich jedoch irgendwo anders ein Icon ein, so wird nur der code angezeigt, jedoch kein Icon (auch nicht das bekannte Viereck).
Da ich noch absoluter Neuling bin, bitte ich über eine möglicherweise fehlerhafte Nutzung von Fachbegriffen hinwegzusehen.
Da die Seite noch nicht offiziell online ist hoffe ich, dass die oben genannten Infos ausreichend sind.
Danke!
-
Wie wird denn die Funktion
theme_enqueue_styles()
eingebunden?
Dass die Datei in derfunctions.php
des Child Theme steht, bewirkt ja alleine gesehen noch nicht viel. Hast du auch einadd_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
eingebaut?Über die Entwickler-Tools des Browsers kannst du nachschauen, ob das Stylesheet und der Font geladen werden.
-
Diese Antwort wurde geändert vor 6 Jahren, 6 Monaten von
Bego Mario Garde. Grund: Code korrigiert
Wie wird denn die Funktion
theme_enqueue_styles()
eingebunden?
-> Leider weiß ich nicht, was das bedeutet. Die Funktion wurde so, wie von mir oben beschrieben in einem Youtube-Video angewandt. Mich wundert, dass es bei einem Menüpunkt funktioniert hat, ansonsten aber nicht geht.add-action( ‚wp_enqueue_scripts‘, ‚theme_enqueue_styles‘ )
->` Habe ich nicht eingebaut. Meinst du im HTML-Kopf?–
Ich habe es nochmal mit der Anleitung von Font Awesome versucht:
1. Funktion ausfunctions.php
gelöscht
2. Auf die entsprechende Seite folgenden Inhalt eingefügt:<head> <link href="/wp-content/themes/Impreza-child/css/fontawesome.min.css" rel="stylesheet"> </head>
–
Auch das funktioniert leider nicht. Ich dachte auch, dass ich das Einbinden der CSS-Datei einmal komplett für die Webseite einrichten kann, damit ich anschließend bei Bedarf nur noch
<i class=“fas fa-home fa-lg“ style=“color:#2786ed“></i>
einfügen muss.
Auch die Erklärungen in meinem Buch „HTML5 und CSS3“ von Jürgen Wolf helfen mir leider nicht weiter … langsamm verzweifelt ich. Das kann doch nicht so schwer sein? Vielleicht hast du ja nochmal einen Tipp. Ansonsten Danke für deine Mühe!
Die Funktion
theme_enqueue_styles()
ruft sich ja nicht von selbst auf.
Damit sie im Header eingebunden wird, musst du eben dieser Funktion
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
voranstellen:add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' ); function theme_enqueue_styles() { wp_enqueue_style( 'fontawesome-style', get_stylesheet_directory_uri().'/css/fontawesome.min.css' ); }
(vgl. Referenz)
-
Diese Antwort wurde geändert vor 6 Jahren, 6 Monaten von
- Das Thema „Font Awesome (FTP) wird nur in Header angezeigt“ ist für neue Antworten geschlossen.