php - 如何在 Wordpress 中正确出列某些 Elementor css 文件？

Question

我使用 Elementor 来构建我的网站，有很多功能我没有使用，但仍然加载到我网站的每个页面上。因此，我决定将我在子主题的functions.php中未使用的CSS文件出列，并将我仅部分使用的CSS文件出列，用文件的“清理”版本替换它们。

这就是我想要开始做的事情:

function adg_dequeue_unnecessary_files() {
    wp_dequeue_style( 'elementor-frontend' ); // remove Elementor's custom-frontend.min.css
        wp_deregister_style( 'elementor-frontend' );

    wp_register_style( 'new-elementor-frontend-css', get_stylesheet_directory_uri() . '/custom-frontend.min.css' ); // Purified replacement for Elementor's custom-frontend.min.css
        wp_enqueue_style( 'new-elementor-frontend-css' );
}
add_action( 'wp_enqueue_scripts', 'adg_dequeue_unnecessary_files' );

虽然我的函数的第二部分很好地添加了新的自定义 css 文件，但第一部分删除了几乎 10 个其他 Elementor 的 css 文件以及我真正想要出列的文件。

这是正在出列的文件列表:

• 自定义前端.min.css
• post-1501.css(这是我在进行这些更改时查看的页面的 css 文件)
• frontend-legacy.min.css
• post-1396.css(一些全局 Elementor 的 CSS)
• post-3556.css(这个和下面的 5 个是我在网站上使用的插件的模板)
• post-4473.css
• post-5653.css
• post-3489.css
• post-3464.css
• post-3458.css

我猜这与处理程序“elementor-frontend”不正确有关。 custom-frontend.min.css 文件在 HTML 代码的链接标记中具有“elementor-frontend-css”ID，因此我从那里猜测处理程序。

有人知道如何仅将 custom-frontend.min.css 文件出列吗？

之后我也想将这些文件出列:

• animations.min.css
• elementor-icons.min.css
• 全局.css
• frontend-legacy.min.css
• swiper.min.js

我已经浏览了几天了，我开始感到迷失，所以任何帮助将不胜感激!

Answer 1

您可以使用 wp_deregister_style 和 wp_dequeue_style 使 Elementor CSS 文件出列。为此，您需要传递 CSS 文件句柄名称。您可以使用以下代码使 Elementor 插件 global.css 文件出列。

function dequeue_elementor_global__css() {
  wp_dequeue_style('elementor-global');
  wp_deregister_style('elementor-global');
}
add_action('wp_print_styles', 'dequeue_elementor_global__css', 9999);

Here elementor-global is the handle name of the global.css file. You can get any file handle name by stylesheet id.
For example:If any stylesheet id is the elementor-global-css then this file handle will be elementor-global