仅在特定存档页面上的 enque 脚本 - CSS

在开发WordPress主题时，我们可能需要在特定的页面上加载一些自定义的CSS样式。这些样式可能与主题的其他页面不同，因此我们需要一种方法来仅在需要的页面上加载它们。 这里介绍的方法是使用wp_enqueue_style函数和条件语句来实现。

wp_enqueue_style

wp_enqueue_style函数是WordPress提供的一个用于加载CSS文件的函数。 它可以确保文件只会被加载一次，并且会在WordPress的内部队列中进行管理。 此外，wp_enqueue_style还允许我们指定依赖关系和版本号等选项。

条件语句

条件语句是用于根据当前页面或请求条件执行代码块的语句。 当我们需要特定页面使用某些代码时，我们可以使用条件语句来判断当前页面是否符合条件，然后执行需要的代码块。

代码

下面是一个示例代码，它会加载一个样式文件“my-custom-style.css”，并将其限制在页面ID为“123”的页面上。

// Load a custom CSS file for specific page
function custom_style_for_specific_page() {
  if ( is_page( '123' ) ) {
    wp_enqueue_style( 'my-custom-style', get_stylesheet_directory_uri() . '/my-custom-style.css' );
  }
}
add_action( 'wp_enqueue_scripts', 'custom_style_for_specific_page' );

解释

这个代码块分为几部分：

1. 注册一个名为“my-custom-style”的样式文件。
2. 使用条件语句“is_page（'123'）”检查当前页面是否为ID是“123”的页面。
3. 如果条件成立，则使用wp_enqueue_style函数加载“my-custom-style”样式文件。

值得注意的是，“get_stylesheet_directory_uri（）”函数将返回主题目录的路径。 我们的样式文件应该位于主题目录下。

总结

当我们需要在特定页面上加载自定义CSS样式时，可以使用wp_enqueue_style函数和条件语句来实现。 通过为我们提供可管理的内部队列，wp_enqueue_style确保样式文件仅被加载一次，并且在任何情况下都不会重复。