wordpress 如何加载 javascript cdn

Question

hey i am new to wordpress and i am trying to load a javascript cdn into the website.

the following is the pixi js cdn i want to input to the wordpress website.

<script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/6.2.0/cjs/pixi.min.js" integrity="sha512-4h3/xeKfvJ4wudsiZXc5EGdlC6WFEshvLv+e1qL6DdRyGaavPozaysXtneFj+gMsUg1uhp7/HyLu6o4yhAax6w==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

may i enquire do i need to use a plugin to put in javascript code or is there any other way?

Answer 1

Create a child theme for the divi theme. Then you can add the below code to your child theme functions.php file

function load_scripts($hook) {
   wp_register_script( 'PixiJs', 'https://cdnjs.cloudflare.com/ajax/libs/pixi.js/6.2.0/cjs/pixi.min.js', null, null, true );
    wp_enqueue_script('PixiJs');
}
add_action('wp_enqueue_scripts', 'load_scripts');


function manage_script_attributes( $tag, $handle ){
    if ( $handle == 'PixiJs' ) {
        return str_replace( '<script', '<script integrity="sha512-4h3/xeKfvJ4wudsiZXc5EGdlC6WFEshvLv+e1qL6DdRyGaavPozaysXtneFj+gMsUg1uhp7/HyLu6o4yhAax6w==" crossorigin="anonymous" referrerpolicy="no-referrer"', $tag );
    }
    return $tag;    
}
add_filter('script_loader_tag','manage_script_attributes', 10, 2);

Read more about wp_register_script and wp_enqueue_script

Inorder to add attributes in the CDN to your script, make use of script_loader_tag as shown above.

Or if you are not much familiar with the above process, then you could install a code snippet plugin like Code Snippets and add the above code