4

我知道要链接您style.css使用的 WordPress 主文件：

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

但是，我有很多 CSS 文件需要链接到主 PHP 文件，用于滑块、图片框等。

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

有谁知道我怎样才能把它们都涂上墨水？

4

5 回答 5

10

只需将所有样式表放在一个目录中wp-content\themes\twentyeleven\css。然后您可以通过简单地在下面的代码中链接所有这些-

<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-07T04:02:03.103 回答
4

您的源代码不包含文件名... bloginfo('stylesheet_url') 仅返回指向您的样式表...文件夹 URL 的链接，通常是主题文件夹。您还需要附加文件夹（如果有）和 filename.css

请记住始终牢记 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-07T01:28:11.110 回答
3

CSS 文件是否在当前主题的文件夹中？如果是这样，请尝试以下代码：

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

这个对我有用。

于 2013-08-07T03:28:56.713 回答
1

如果您要对其进行硬编码，那么将样式添加到主题页面的最简单方法可能是：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-07T03:55:18.497 回答
0

您可以在此处wp_enqueue_style()使用wordpress 中的功能。例子。

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

你可以使用这个动作wp_enqueue_styles

于 2013-08-07T01:23:26.300 回答