如何将多个CSS文件与WordPress

链接我知道，你的WordPress链接主style.css文件使用：如何将多个CSS文件与WordPress

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

但是我有相当需要被连接到主PHP文件的几个CSS文件像滑块，图片盒等...

我不太确定我会怎么做，因为<?php bloginfo('stylesheet_url');?>只适用于名为styles.css的样式表，我的其他样式表都有不同的名称。

有谁知道我怎么可以把它们全部填满？

来源

2013-08-07 Ryman Holmes

您可以在wordpress here中使用wp_enqueue_style()函数。例。

wp_enqueue_style('my_style', plugin_dir_url(__FILE__) .'/path/to/your/stylesheet');

，你可以使用动作wp_enqueue_styles

来源

2013-08-07 01:23:26

我该如何选择一个特定的样式表我想链接？ –

他们都将“连接”，住在每一页上。试一试并检查开发人员工具以查看哪些样式表正在加载。 WordPress中的第一个样式表在主题文件夹中始终是style.css。其他任何东西都是额外的。 – BenRacicot

你的源代码，不包括文件名...代码bloginfo（“stylesheet_url”）只返回链接到您的样式表...文件夹的网址，通常主题文件夹。您还需要附加文件夹（如果有的话）和文件名。请记住总是使用WordPress标准进行编码。链接到样式表不是最佳实践。这可以实现适当的缓存和效率，并且从长远来看更容易。

从免费300页的书我读的最后一个周末 - WordPress的AJAX，第53页：

// load styles + conditionally load an IE 7 stylesheet 
add_action('init', 'my_theme_register_styles'); 
function my_theme_register_styles() { 
//Register styles for later use 
    wp_register_style('my_theme_style1', get_stylesheet_directory_uri() . '/style1.css', array(), '1.0', 'all'); 
    wp_register_style('my_theme_style2', get_stylesheet_directory_uri() . '/style2.css', array('my_theme_style1'), '1.0', 'all'); 
    wp_register_style('my_theme_style3', get_stylesheet_directory_uri() . '/style3.css', array('my_theme_style1', 'my_theme_style2'), '1.0', 'all'); 
    global $wp_styles; 
    $wp_styles->add_data('my_theme_style3', 'conditional', 'lte IE 7'); 
}

到functions.php或您的header.php将这个。它适当有条件地加载IE的样式表...

来源

2013-08-07 01:28:11 BenRacicot

我是否简单地用自己的''替换'/ style1.css'？ –

是的，先生。这将注册并入队您的样式表。但请密切关注文件路径，以便它们符合您的需要。我有时候会回应我的意见，以确保没有额外的斜杠或缺失的文件夹等。第三种样式会有你的IE样式表;）甜蜜的吧？ – BenRacicot

CSS文件在当前主题的文件夹？如果是这样，那么试试这个代码：

<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/what-ever.css" />

它适用于我。

来源

2013-08-07 03:28:56 lee

如果您要硬编码，可能最简单的方法添加样式到您的主题页面将是： 1）将样式表添加到您的样式表目录。 2）将这段代码粘贴到你的头部（用样式表名称替换style2.css）。

<link href="<?php echo get_stylesheet_directory_uri().'/style2.css'; ?>" rel="stylesheet" />

或

<link href="<?php blog_info('template_url').'/style2.css'; ?>" rel="stylesheet" />

如果你的风格是在一个单独的文件夹，只要确保该文件夹添加到您的路径（即/styles/style2.css）

编辑：提供更具体的答案添加样式链接到头部，并修复了我的愚蠢的错误src =当它应该href =

来源

2013-08-07 03:55:18 Ian

现在从未来发表评论，我已经比我写这个答案时多了近5年的经验。虽然这在技术上会起作用，但更好，更合适的方式是排列样式。 – Ian

只需将所有的样式表放在一个目录wp-content\themes\twentyeleven\css。然后你ca n通过下面的代码链接所有这些 -

<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/style1.css" /> 
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/style2.css" /> 
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/style3.css" /> 
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/css/style4.css" />

享受编码。

来源

2013-08-07 04:02:03 Jay

如何将多个CSS文件与WordPress

回答

相关问题