Support » Allgemeine Fragen » 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> Startseite

    Das 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!

Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)
  • Wie wird denn die Funktion theme_enqueue_styles() eingebunden?
    Dass die Datei in der functions.php des Child Theme steht, bewirkt ja alleine gesehen noch nicht viel. Hast du auch ein add_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 1 Jahr, 9 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 aus functions.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!

    • Diese Antwort wurde geändert vor 1 Jahr, 9 Monaten von w7x7w.
    • Diese Antwort wurde geändert vor 1 Jahr, 9 Monaten von w7x7w.

    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)

Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)
  • Das Thema „Font Awesome (FTP) wird nur in Header angezeigt“ ist für neue Antworten geschlossen.