如何在我的 WordPress 主题中使用 wp_enqueue_style()？

Question

我正在为客户建立我的第一个 WordPress 网站。我真的很想将 LESS 用于 CSS，并找到了一个名为 WP-LESS 的 WP 插件。

现在，我完全是 WordPress 新手，但似乎这个插件需要我使用一个名为 wp_enqueue_style() 的函数来告诉 WordPress 处理 .less 文件。

我不知道我在哪里使用这个功能。我查看了主题目录中的 header.php 文件，我看到了这个。

 <link rel="stylesheet" type="text/css" media="all"
  href="<?php bloginfo( 'stylesheet_url' ); ?>" />

我应该用这样的东西替换这段代码吗？

 <?php wp_enqueue_style('mytheme',
  get_bloginfo('template_directory').'/style.less',
  array('blueprint'), '', 'screen, projection'); ?>

原文由 jessegavin 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

不完全是，但差不多。你想要做的是在 functions.php 中放置一个函数，将你的脚本排队。

所以：

 function addMyScript() {
    wp_enqueue_style('mytheme', get_bloginfo('template_directory').'/style.less', array('blueprint'), '', 'screen, projection');
}
add_action('wp_head', 'addMyScript');

然后确保您的 header.php 文件中有 do_action('wp_head'); --- 并且它应该可以正常工作。

原文由 EAMann 发布，翻译遵循 CC BY-SA 2.5 许可协议

Answer 2

主题或插件中的 wp_enqueue_style 用法：

 wp_enqueue_style( 'my-style', get_template_directory_uri() . '/css/my-style.css', false, '1.0', 'all' ); // Inside a parent theme
wp_enqueue_style( 'my-style', get_stylesheet_directory_uri() . '/css/my-style.css', false, '1.0', 'all' ); // Inside a child theme
wp_enqueue_style( 'my-style', plugins_url( '/css/my-style.css', __FILE__ ), false, '1.0', 'all' ); // Inside a plugin

原文由 lime-cat 发布，翻译遵循 CC BY-SA 3.0 许可协议