无法在WordPress中将自定义CSS文件添加到我的引导程序主题

Question

我在我的网站上使用WordPress的Twitter Bootstrap主题。我的问题是，我想为我的网站制作一个自定义的导航栏菜单，而不想使用bootstrap默认菜单。这就是为什么我创建了一个自定义菜单，但现在我的问题是我不知道在哪里添加我的css文件。我已经将它们添加到wordpress/wp-content/themes/the-bootstrap/css/中，但我不知道如何在header.php或function.php中调用它们。

wordpress/wp-content/themes/the-bootstrap/css中已经有2个CSS文件，它们是：

bootstrap.css和bootstrap.min.css。

下面是我想要包含的4个css文件：

<link rel="stylesheet" href="css/base.css" type="text/css" charset="utf-8">
<link rel="stylesheet" href="css/mac.css" type="text/css" charset="utf-8">
<link rel="stylesheet" href="css/nav.css" type="text/css" charset="utf-8">
<link rel="stylesheet" href="css/productbrowser.css" type="text/css" charset="utf-8">

Answer 1

如果你想在你的header.php中调用它们，你需要获得css文件的完整url。您可以使用get_template_directory_uri()来执行此操作：

<link rel="stylesheet" href="<?php get_template_directory_uri();?>/css/base.css" type="text/css" charset="utf-8">
<link rel="stylesheet" href="<?php get_template_directory_uri();?>/css/mac.css" type="text/css" charset="utf-8">
<link rel="stylesheet" href="<?php get_template_directory_uri();?>/css/nav.css" type="text/css" charset="utf-8">
<link rel="stylesheet" href="<?php get_template_directory_uri();?>/css/productbrowser.css" type="text/css" charset="utf-8">

Answer 2

您可以将它们放在header.php中，但从技术上讲这是错误的。

您应该将它们包含在主题函数或使用WordPress wp_register_style()和wp_enqueue_style()函数的自定义插件中，以便在任何其他来源使用这些相同的文件时，它们只包含一次。

wp_register_style() documentation

wp_enqueue_style() documentation

这是一个example。

Answer 3

在你的header.php中

<link rel="stylesheet" href="/wp-content/themes/the-bootstrap/css/base.css" type="text/css" charset="utf-8">