在某些 wordpress 页面中禁用样式表

Question

我的样式表可以加载到我的 wordpress 主题中的所有页面上。我想在landing.php 中禁用它。 文件在这个地址：http://example.com/wp-content/uploads/fusion-styles/fusion-22528.css 到目前为止，我已经尝试过这些代码：

function themeslug_enqueue_style() {
if (is_page_template( 'landing.php' )) {
wp_enqueue_style( 'stylesheet', 'http://example.com/wp-
content/uploads/fusion-styles/fusion-22528.css', false );
}
}
add_action( 'wp_enqueue_scripts', 'themeslug_enqueue_style' );

还有这个：

function se_remove_styles() {
if ( is_page_template( 'landing.php' ) ) {
wp_dequeue_style( 'http://example.com/wp-content/uploads/fusion-
styles/fusion-22528.css?timestamp=1510985246&ver=4.9' );
}
}
add_action( 'wp_print_styles', 'se_remove_styles', 99999 );action( 
'wp_print_styles', 'se_remove_all_styles', 999999 );

但没有奏效。我曾使用此代码：

function se_remove_all_styles() {
global $wp_styles;
if ( is_page_template( 'landing.php' ) ) {
$wp_styles->queue = array();
}
}
add_action( 'wp_print_styles', 'se_remove_all_styles', 99 );

但它会删除我所有的样式。

任何帮助将不胜感激。

Answer 1

此代码 sn-p 从您的 WP 前端删除名为“animate”的排队 CSS。

function se_remove_styles() {
wp_dequeue_style( 'animate' );
}
add_action( 'wp_enqueue_scripts', 'se_remove_styles',99999 );

那么，如何获取队列 CSS 的句柄名称？有一些方法可以做到，这里是其中之一：

1. 转到查看源：yourwebsite.com
2. CTRL+F 并找到您需要的 CSS 文件。

3. 你会看到这样的一行：

您会在此处看到 id='fusionblabla-css'。那么“fusionblabla”就是您要查找的句柄名称。 （不是'fusionblabla-css'，而是''fusionblabla'）

完成并确保它正常工作后，您可以向该函数添加条件

function se_remove_styles() {
if (SOME CONDITION HERE)
wp_dequeue_style( 'animate' );
}
add_action( 'wp_enqueue_scripts', 'se_remove_styles',99999 );