Kit Fontawesome

Snewi

Hallo Ich binde das neue Kit von Fontawesome in meine Webseite wie folgt ein:

functions.php im Child:

Code

if (! function_exists('fa_custom_setup_kit') ) {


  function fa_custom_setup_kit($kit_url = '') {


    foreach ( [ 'wp_enqueue_scripts', 'admin_enqueue_scripts', 'login_enqueue_scripts' ] as $action ) {


      add_action(


        $action,


        function () use ( $kit_url ) {


          wp_enqueue_script( 'font-awesome-kit', $kit_url, [], null );


        }


      );


    }


  }


}




Setup:
fa_custom_setup_kit('https://kit.fontawesome.com/xxxxxxxxx.js');

Alles anzeigen

Jetzt möchte ich gerne einen SRI Hash mit einbinden:

Code

<script src="https://kit.fontawesome.com/xxxxxxxxxx.js"


       integrity="sha384xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"


       crossorigin="anonymous">


</script>

Wie gebe ich das ganze in der PHP Datei an? Kann mir da jemand helfen?

LG

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

r23

Zitat
Jetzt möchte ich gerne einen SRI Hash mit einbinden:
Code
..
Wie gebe ich das ganze in der PHP Datei an? Kann mir da jemand helfen?

In der Regel ein theme bei WordPress eine header.php datei. Hier kannst du nach dem Aufruf von

PHP

<?php wp_head(); ?>

und vor

Code

</head>

den Code einbinden. Dann wird dieser auf allen Seiten geladen.

b3317133

PHP

function my_script_loader_tag( $tag, $handle, $src ) {
    if ( $handle === 'font-awesome-kit' ) {
        $tag = str_replace(
            'src=',
            'integrity="sha384xxxxx[...]" crossorigin="anonymous" src=',
            $tag
        );
    }
    return $tag;
}
add_filter( 'script_loader_tag', 'my_script_loader_tag', 10, 3 );

Alles anzeigen

Snewi

So ich stehe mal wieder trotzdem aufm Schlauch :-)

in meiner jetzigen functions.php steht ja schon das hier:

Code

if (! function_exists('fa_custom_setup_kit') ) {


  function fa_custom_setup_kit($kit_url = '') {


    foreach ( [ 'wp_enqueue_scripts', 'admin_enqueue_scripts', 'login_enqueue_scripts' ] as $action ) {


      add_action(


        $action,


        function () use ( $kit_url ) {


          wp_enqueue_script( 'font-awesome-kit', $kit_url, [], null );


        }


      );


    }


  }


}




Setup:
fa_custom_setup_kit('https://kit.fontawesome.com/xxxxxxxxx.js');

Alles anzeigen

Schreibe ich jetzt deinen Code einfach zusätzlich dadrunter? oder kann ich das irgendwie in diesen Teil mit einbinden :

Code

fa_custom_setup_kit('https://kit.fontawesome.com/xxxxxxxxx.js');

LG

b3317133

Den Code schreibst Du einfach zusätzlich in die [FONT=Courier New]functions.php[/FONT] Deines Child-Themes.

Snewi

SUPER. Das klappt schonmal! Vielen Dank

Kann ich aeigentlich auch solche URLS:

Code

https://kit-free.fontawesome.com/releases/latest/css/free-v4-shims.min.css

mit einem SRI-Hash versehen?

LG

b3317133

Analog zum o.g. Code mit [FONT=Courier New]style_loader_tag[/FONT] Filter und passendem Handle (könnte man im HTML-Quelltext der Seite sehen).

Snewi

KAnnst du mir da eventuell helfen?
Das steht im HTML Code.

b3317133

Im Screenshot sind keine Handles erkennbar.

Falls das über die WordPress API eingebunden wird, wende Dich am besten an die Person, die dieses CSS in die Seite eingefügt hat, die sollte die Handles kennen bzw. herausfinden können.

Ergänzung: Evtl. wäre eine Lösung mit eigenem Hosting von Font Awesome (gerade auch im Hinblick auf DSGVO) auch eine gute Alternative.

Snewi

Zitat

Ergänzung: Evtl. wäre eine Lösung mit eigenem Hosting von Font Awesome (gerade auch im Hinblick auf DSGVO) auch eine gute Alternative.

Stimmt natürlich. So ist es einfach weil ich immer sofort die neuesten lade und nicht mehr eingreifen muss.

Snewi

Binde dann jetzt das ganze lokal so ein:

PHP

function fontawesome_local(){
    ?>
    <link href="<?php echo get_stylesheet_directory_uri(); ?>/fontawesome/css/all.css" rel="stylesheet">
    <?php
}
add_action('wp_head', 'fontawesome_local');


?>

Und es klappt! Danke für den Anstoss :-)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Kit Fontawesome

Jetzt mitmachen!