CommentsWordPressサイトにて、wp_enqueue_scriptsで読み込んでいるscriptファイルに対して、async属性を追加する方法をご紹介いたします。通常、wp_enqueue_scriptsで読み込まれたscriptタグには、async属性は付きません。サイトのソースを確認すると、以下のようになっていることがわかります。src='https://example.com/wp-content/themes/themename/js/script.js'></script>ここにasync属性を追加し、非同期処理を行うようにするための方法をご紹介したいと思います。適用しているテーマのfunctions.phpに以下のようなコードを追加します。);script_loader_tagを使うと、wp_enqueue_scriptで読み込まれるscriptタグに対して、$tag(scriptタグ全体)・$handle(ハンドル名)・$src(スクリプトファイルのURL)の3つの値が渡されます。この渡される値を変更することによって、最終的に出力されるscriptタグをカスタマイズできます。src”に変更することで、async属性を追加しています。”script-handlename”以外のscriptタグは通常通りの出力(async無し)になります。これにより、出力されるscriptタグが以下のように変更されます。src='https://example.com/wp-content/themes/themename/js/script.js'></script>特定のハンドル名のscriptタグだけでなく、すべてに適用したい場合はif文による条件を消します。);あとがきscript_loader_tagを使うと、WordPressサイトにwp_enqueue_scriptsで読み込んでいるscriptタグを自由にカスタマイズ可能です。今回はasync属性を追加する方法を紹介しましたが、環境に合わせて色んな変更を加えることができますね。コメントをキャンセルメールアドレスが公開されることはありません。