BETA

【WordPressテーマ作成】読み込んだfontawesome CSSにintegrityを付ける

投稿日:2020-07-17
最終更新:2020-07-17

WordPressテーマを作る時に関数wp_enqueue_styleをつかってCSSを読み込ませるが、
integrity等の任意のコードをタグに追加する引数が無いので、タグ生成後に末尾を
str_replaceで置き換えることで対応している。

一応これで問題なく表示できているが、もっとスマートな方法は無いものか。。。

ソースコード

/**  
 * CSSを読み込む  
 */  
function theme_enqueue() {  
    wp_enqueue_style(  
        'theme-fontawesome',  
        'https://use.fontawesome.com/releases/v5.13.0/css/all.css',  
        array(),  
        '5.13.0'  
    );  
}  
add_action( 'wp_enqueue_scripts', 'theme_enqueue' );  

/**  
 * 読み込んだCSSファイルのタグにintegrityを追加  
 */  
function theme_css_integrity( $html, $handle ) {  
    if ( 'theme-fontawesome' === $handle ) {  
        return str_replace(  
            '/>',  
            'integrity="integrityのコード" crossorigin="anonymous" />',  
            $html  
        );  
    }  
    return $html;  
}  
add_filter( 'style_loader_tag', 'theme_css_integrity', 10, 2 );  
技術ブログをはじめよう Qrunch(クランチ)は、プログラマの技術アプトプットに特化したブログサービスです
駆け出しエンジニアからエキスパートまで全ての方々のアウトプットを歓迎しております!
or 外部アカウントで 登録 / ログイン する
クランチについてもっと詳しく

この記事が掲載されているブログ

@jokerの技術ブログ

よく一緒に読まれる記事

0件のコメント

ブログ開設 or ログイン してコメントを送ってみよう