如何在我的WordPress主题中使用wp_enqueue_style（）？

php wordpress

2022-08-30 20:22:40

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

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

我不知道我在哪里使用这个函数。我在我的主题目录中查看了我的标题.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'); ?>

答案 1

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

答案 2

不完全是，但差不多。您要做的是将函数放在对脚本进行排队的函数中。functions.php

所以：

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

然后确保你的文件有，它应该工作得很好。do_action('wp_head');header.php