css - 无法使用 wp_enqueue_style 或其他方式更改版本

Question

我已经使用

将样式表加入队列

wp_enqueue_style( 'home-custom-style', get_stylesheet_directory_uri() . 
'/css/style.css');

在我的 child 主题中然后当我尝试修改它时，我意识到 wordpress 给了它一个自动版本，现在我无法更改。

我已经尝试修改入队代码添加一个版本，

wp_enqueue_style( 'home-custom-style', get_stylesheet_directory_uri() . 
'/css/style.css' , array(), '30140222');

还尝试将其出队并再次入队，删除文件并在文件夹中读取它，但没有任何效果。除了 null。

现在我在浏览器中按 Ctrl + F5 进行了一次硬刷新(绕过我的缓存)，因为我在本地主机上，但仍然需要一个答案才能在服务器上使用它.

Answer 1

请注意，以下内容也适用于脚本，只需将 style 替换为 script 就可以了

问题是您正在尝试修改已注册的样式。看，当您调用 wp_enqueue_style() 时，样式会同时注册和入队(对比调用 wp_register_style() 然后 wp_enqueue_style() 我推荐)。

但是，如果样式已经注册，当您尝试将其入队时，不会使用额外的参数，它们将被忽略。

您需要做的是如下(确保在下面的wp_register_style()中填写正确的参数):

wp_deregister_style( 'my-style' );
wp_register_style( 'my-style', ... );
wp_enqueue_style( 'my-style' );

这首先取消注册您要修改的静止图像，然后使用修改后的参数再次注册它。这将适用于用作依赖项或具有自己的依赖项的样式，因为依赖项是在样式加载到页面时解决的，而不是在它注册/排队时解决的。

尽管如此，对于您想要实现的目标，我个人只是在父主题执行之前在子主题中注册我想要覆盖的任何脚本和样式。这样您就不必注销和注册它们。这是一个示例(部分是示例父主题的代码):

function parent_theme_enqueue_scripts(){
    wp_enqueue_style( 'example-style', get_bloginfo( 'template_directory' ) . '/css/example.css', array(), 'v1.0.0' );
}
add_action( 'wp_enqueue_scripts', 'parent_theme_enqueue_scripts', 10 );

function child_theme_enqueue_scripts(){
    wp_register_style( 'example-style', get_bloginfo( 'stylesheet_directory' ) . '/css/example.css', array(),'v1.2.0' );
}
add_action( 'wp_enqueue_scripts', 'child_theme_enqueue_scripts', 5 );

这里需要注意的重要一点是 child_theme_enqueue_scripts 的优先级 - 它低于 parent_theme_enqueue_scripts 的优先级。另请注意，我们不是直接将样式入队，而是只是注册它。这是为了不打乱样式的加载顺序(以防父主题将多个样式排入队列但不使用依赖项来执行此操作)。