时间戳

首页 > 解决方案 > Wordpress 如何加载额外的样式表（charts.css）

php - Wordpress 如何加载额外的样式表（charts.css）

问题描述

我想将一个名为charts.css&的样式表排入队列charts.min.css。

我不确定，为什么它不起作用。

这是我在functions.phpWordpress 中添加的代码：

function additional_stylesheets() {
    wp_register_style( 'custom01', get_template_directory_uri().'/assets/css/minified/charts.min.css'  );
    wp_enqueue_style( 'custom01' );
    wp_register_style( 'custom02', get_template_directory_uri().'/assets/css/unminified/charts.css'  );
    wp_enqueue_style( 'custom02' );
    }

add_action( 'wp_enqueue_scripts', 'additional_stylesheets' );

我尝试在 elementor 中设置表格样式，但没有发生任何事情。

所以我也尝试使用：

<link rel="stylesheet" href="wp-content/themes/astra/assets/css/minified/charts.min.css">

但这也行不通。

我在某个地方犯了错误吗？

我在 WordPress 中使用主题 astra。

路径是wp-content/themes/astra/。

在 WordPress 中添加样式表后，我不必再在html代码中调用它们了，对吗？

标签： phphtmlcsswordpresswordpress-theming

解决方案

您无需注册它们。而是使用以下代码：

function additional_stylesheets() {
  wp_enqueue_style('charts_min_styles', get_theme_file_uri('/assets/css/minified/charts.min.css'), NULL, 1.2, false);
  wp_enqueue_style('charts_styles', get_theme_file_uri('/assets/css/unminified/charts.css'), NULL, 1.2, false);
}

add_action( 'wp_enqueue_scripts', 'additional_stylesheets' );

代码转到functions.php您的活动主题或子主题。

推荐阅读