如何使用 wordpress 在“wp_enqueue_style”中包含多个样式表？答案

【问题标题】：How to include multiple stylesheets with "wp_enqueue_style" using wordpress?如何使用 wordpress 在“wp_enqueue_style”中包含多个样式表？
【发布时间】：2014-07-14 17:11:27
【问题描述】：

对于我的网站，我正在尝试包含我自己的图标样式表，而不是 font-awesome。然而，无论我用“wp_enqueue_style”做什么，我最终只能使用其中一个样式表（我的或 font-awesome），但不能同时使用两者。只有一个会工作。我想知道我在这里的编码做错了什么：

wp_enqueue_style( 'vantage-fontawesome', get_template_directory_uri().'/fontawesome/css/font-awesome.css', array(), '3.2.1' ); wp_enqueue_style( 'Mystyle', get_template_directory_uri().'/fontawesome/css/Mystyle.css', array());

我该怎么做才能同时使用“font-awesome.css”和“mystyle.css”？谢谢

【问题讨论】：

包含这些的功能/动作是什么样的？你也注册了第二个吗？ wp_register_style 可用于对单个队列的样式进行分组。

标签： php wordpress icons stylesheet font-awesome

【解决方案1】：

您应该将wp_enqueue_style() 包装在一个函数中并将该函数挂钩到wp_enqueue_scripts。例如：

function theme_name_scripts() {
    wp_enqueue_style( 'style-name', get_stylesheet_uri() );

    // Enqueue more style sheets here.
}

add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );

参考：http://codex.wordpress.org/Function_Reference/wp_enqueue_style

【讨论】：

【解决方案2】：

您的代码应如下所示。

function my_scripts() {

// Add Mystyle 
wp_enqueue_style( 'Mystyle', get_template_directory_uri().'/fontawesome/css/Mystyle.css',array());

// Add Font Awesome
 wp_enqueue_style( 'vantage-fontawesome', get_template_directory_uri().'/fontawesome/css/font-awesome.css', array(), '3.2.1' );
 }
//Push to wordpress all files
add_action( 'wp_enqueue_scripts', 'my_scripts' );

【讨论】：