你可以wp_head
对于CSS或JS,或wp_footer
对于JS(样式标记需要位于标题中):
function wpse_276403_output_scripts() {
?>
<script>alert(\'Hello world!\');</script>
<style>
body {
background: #F00;
}
</style>
<?php
}
add_action( \'wp_head\', \'wpse_276403_output_scripts\' );
function wpse_276403_output_scripts() {
?>
<script>alert(\'Hello world!\');</script>
<?php
}
add_action( \'wp_footer\', \'wpse_276403_output_scripts\' );
如果脚本或样式依赖于已注册或排队的脚本,则可以使用
wp_add_inline_style()
或
wp_add_inline_script()
要确保JS/CSS在其所依赖的脚本或样式之后输出,请执行以下操作:
function wpse_276403_output_scripts() {
wp_enqueue_script( \'my-dependency-script\', \'/uri/to/script/file.js\' );
wp_add_inline_script( \'my-dependency-script\', \'alert("Hello world!");\' );
wp_enqueue_style( \'my-dependency-style\', \'/uri/to/stkle/file.css\' );
wp_add_inline_style( \'my-dependency-style\', \'body { background: #F00; }\' );
}
add_action( \'wp_enqueue_scripts\', \'wpse_276403_inline_scripts\' );
这样,脚本和样式将仅在以下情况下输出
my-dependency-script
/
my-dependency-style
已加载,并将在它们之后加载。请注意,您不需要添加
<script></script>
或
<style></style>
标签。