在WordPress中，get_stylesheet_uri() 和 wp_enqueue_style() 是两个用于管理主题样式表的重要函数。以下是这两个函数的基本用法以及如何结合它们来管理主题样式表：
1. 使用 get_stylesheet_uri()
get_stylesheet_uri() 函数返回当前主题样式表的URI。通常，这个函数被用在主题的 header.php 文件中，以便在HTML中链接样式表。
下面是如何在 header.php 中使用 get_stylesheet_uri()：
<head>
<!-- 其他头部信息 -->
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<!-- 或者使用 get_stylesheet_uri() -->
<link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>" type="text/css" media="screen" />
</head>2. 使用 wp_enqueue_style()
wp_enqueue_style() 函数用于注册和排队加载样式表。这个函数应该在 functions.php 文件中使用，通常是在 wp_enqueue_scripts 动作钩子中。
下面是如何使用 wp_enqueue_style() 来加载主题样式表：
function my_theme_enqueue_styles() {
// 注册并排队加载主题样式表
wp_enqueue_style( 'my-theme-style', get_stylesheet_uri() );
// 如果有额外的样式表，可以继续添加
// wp_enqueue_style( 'my-theme-extra-style', get_template_directory_uri() . '/css/extra-style.css' );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );在这个例子中，my-theme-style 是一个唯一的标识符，get_stylesheet_uri() 返回当前主题样式表的URI。wp_enqueue_scripts 是一个在WordPress生成页面之前调用的钩子，确保样式表在页面加载时被包含。
结合使用
当你想要在主题中使用 wp_enqueue_style() 来管理样式表时，你应该在 functions.php 中注册样式表，并在 header.php 中移除直接链接样式表的代码。以下是完整的流程：
- 在
functions.php中注册并排队加载样式表：
function my_theme_enqueue_styles() {
wp_enqueue_style( 'my-theme-style', get_stylesheet_uri() );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );- 在
header.php中移除或注释掉直接链接样式表的代码：
<head>
<!-- 其他头部信息 -->
<!-- <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" /> -->
<!-- <link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>" type="text/css" media="screen" /> -->
</head>通过这种方式，你可以确保样式表是通过WordPress的脚本排队系统加载的，这有助于避免潜在的问题，如脚本依赖和加载顺序问题。
