Question

我在我的网站上使用Twitter Bootstrap主题和WordPress。我的问题是我想为我的网站制作一个自定义导航栏菜单，并且不想使用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文件的完整网址。您可以使用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()函数将它们包含在主题函数或自定义插件中，这样，如果任何其他来源使用这些相同的文件，它们只包含一次。< / p>

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">

Answer 4

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

Answer 5

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。

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

5 个答案: