无法在 WordPress 中将自定义 CSS 文件添加到我的 Bootstrap 主题答案

【问题标题】：Unable to add custom CSS files to my Bootstrap theme in WordPress无法在 WordPress 中将自定义 CSS 文件添加到我的 Bootstrap 主题
【发布时间】：2013-06-09 10:56:36
【问题描述】：

我正在为我的网站使用带有 WordPress 的 Twitter 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">

【问题讨论】：

标签： css wordpress twitter-bootstrap

【解决方案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">

【讨论】：

【解决方案2】：

1- 把它放在你的模板中（yourtheme/something.php）：

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

2- 转到您的主 css 文件（yourtheme/style.css）并输入：

@import url('file/css/your 1st css file.css');
@import url('file/css/your 2nd css file.css'); 

body { 
padding-top: 60px; 
padding-bottom: 40px; 
     }

这将包括你想要的任何 style.css。

【讨论】：

【解决方案3】：

不完全是您问题的答案，但是您可以将这些样式表中的任何一个合并到一个文件中吗？调用这么多单独的文件会减慢页面加载时间。

【讨论】：

【解决方案4】：

在你的 header.php

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

【讨论】：

【解决方案5】：

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

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

wp_register_style() documentation
wp_enqueue_style() documentation

这是example。

【讨论】：

感谢您的回答..bt 只想知道如何将它们添加到 header.php 文件中，因为在我的 header.php 文件中只有一个样式表被调用，即：gmpg.org/xfn/11" />
我不认为那是样式表
抱歉我错了....但是没有其他样式表。请告诉我如何在 header.php 中调用它们
要么使用我的答案中列出的函数包含它们（请参阅示例以获取操作方法），或者像普通的外部 CSS 文件一样调用它们。