style_loader_taghttps://developer.wordpress.org/reference/hooks/style_loader_tag/
apply_filters( \'style_loader_tag\', $html, $handle, $href, $media )
过滤排队样式的HTML链接标记。
首先将样式表排队，请参阅文档：https://developer.wordpress.org/reference/functions/wp_enqueue_style/
wp_enqueue_style( \'font-awesome-5\', \'https://use.fontawesome.com/releases/v5.5.0/css/all.css\', array(), null );
The
$handle 是
\'font-awesome-5\'<我知道
null 所以没有版本号。这样它就会被缓存
Simple str_replace一个简单的str\\u替换就足以实现您想要的，请参见下面的示例
function add_font_awesome_5_cdn_attributes( $html, $handle ) {
if ( \'font-awesome-5\' === $handle ) {
return str_replace( "media=\'all\'", "media=\'all\' integrity=\'sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU\' crossorigin=\'anonymous\'", $html );
}
return $html;
}
add_filter( \'style_loader_tag\', \'add_font_awesome_5_cdn_attributes\', 10, 2 );
Add different atributes下面是一个向（多个）不同样式表添加不同属性的示例
function add_style_attributes( $html, $handle ) {
if ( \'font-awesome-5\' === $handle ) {
return str_replace( "media=\'all\'", "media=\'all\' integrity=\'sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU\' crossorigin=\'anonymous\'", $html );
}
if ( \'another-style\' === $handle ) {
return str_replace( "media=\'all\'", "media=\'all\' integrity=\'blajbsf\' example", $html );
}
if ( \'bootstrap-css\' === $handle ) {
return str_replace( "media=\'all\'", "media=\'all\' integrity=\'something-different\' crossorigin=\'anonymous\'", $html );
}
return $html;
}
add_filter( \'style_loader_tag\', \'add_style_attributes\', 10, 2 );
Add attributes to all styles下面是一个向多个样式表添加相同属性的示例
function add_attributes_to_all_styles( $html, $handle ) {
// add style handles to the array below
$styles = array(
\'font-awesome-5\',
\'another-style\',
\'bootstrap-css\'
);
foreach ( $styles as $style ) {
if ( $style === $handle ) {
return str_replace( "media=\'all\'", "media=\'all\' integrity=\'sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU\' crossorigin=\'anonymous\'", $html );
}
}
return $html;
}
add_filter( \'style_loader_tag\', \'add_attributes_to_all_styles\', 10, 2 );
script_loader_tag我还想解释script\\u loader\\u标记，因为这也很方便，但此API与
wp_enqueue_script.
script\\u loader\\u tag API几乎相同，只有一些小的区别，请参阅文档：
https://developer.wordpress.org/reference/hooks/script_loader_tag/apply_filters( \'script_loader_tag\', $tag, $handle, $src )
过滤排队脚本的HTML脚本标记。
下面是一个延迟单个脚本的示例
function add_defer_jquery( $tag, $handle ) {
if ( \'jquery\' === $handle ) {
return str_replace( "src", "defer src", $tag );
}
return $tag;
}
add_filter( \'script_loader_tag\', \'add_defer_jquery\', 10, 2 );
下面是一个延迟多个脚本的示例
function add_defer_attribute( $tag, $handle ) {
// add script handles to the array below
$scripts_to_defer = array(
\'jquery\',
\'jquery-migrate\',
\'bootstrap-bundle-js\'
);
foreach ( $scripts_to_defer as $defer_script ) {
if ( $defer_script === $handle ) {
return str_replace( "src", "defer src", $tag );
}
}
return $tag;
}
add_filter( \'script_loader_tag\', \'add_defer_attribute\', 10, 2 );
所以我已经解释了两个API
style_loader_tag 和
script_loader_tag. 我给了两个API的一些例子，我希望这对很多人都有用。我对这两种API都有经验
UPDATE
@CKMacLeod感谢您的更新，这澄清了问题。我们基本上意见一致。正如我所说，我是WordPress开发人员，如果你想在https://wordpress.org 你基本上被迫遵守“WordPress Coding Standards“或者他们会简单地拒绝你的主题和/或插件。这就是为什么我鼓励开发人员使用“WordPress方式”“。我知道有时候没有什么不同，但也很方便。正如你自己所说，你可以下载Font Awesome并将其包含在主题和/或插件中，这样你只需删除style\\u loader\\u标记函数并修改wp\\u enqueue\\u样式函数。
还有最后一件事，在过去（5年前）一些缓存、组合和缩小插件都不起作用，大多数时候，我会发现为什么那些制作主题的开发人员只是简单地把东西放在主题的头部和/或附和它们。大多数缓存插件（大多数时候）也提供组合、缩小和延迟脚本执行的选项，它们在检测错误代码和处理错误代码方面变得更聪明、更好。但这不是首选。这就是为什么我鼓励人们在编写代码时牢记标准/惯例
作为一名开发人员，您始终需要考虑人们可以对您的代码做些什么，并考虑到兼容性。因此，不是简单的解决方案，而是最佳的解决方案。我希望我已经澄清了我的观点。
EDIT
@CKMacLeod感谢您的（技术）辩论，我希望您认识到这是多么重要（在您自己的开发中使用WordPress API）。同样，我一直在四处寻找，即使是现在，如果我查看最受欢迎的minify插件的常见问题，我通常会看到这样或那样的情况，例如：
Question: 为什么一些CSS和JS文件没有合并
Answer: 该插件仅处理使用官方WordPress API方法排队的JS和CSS文件–https://developer.wordpress.org/themes/basics/including-css-javascript/ -以及来自同一域的文件（除非在设置中指定）。
请参阅常见问题：https://wordpress.org/plugins/fast-velocity-minify/
