2

我正在为我的网站使用带有 WordPress 的 Twitter Bootstrap 主题。我的问题是我想为我的网站制作一个自定义导航栏菜单,并且不想使用引导程序默认菜单。这就是我创建自定义菜单的原因,但现在我的问题是我不知道在哪里添加我的 css 文件。我已将它们添加到wordpress/wp-content/themes/the-bootstrap/css/,但我不知道在哪里或如何调用它们 inheader.php或 in function.php

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

bootstrap.cssbootstrap.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">
4

5 回答 5

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">
于 2015-08-11T21:32:41.517 回答
0

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。

于 2013-07-04T12:08:46.607 回答
0

在你的 header.php

<link rel="stylesheet" href="/wp-content/themes/the-bootstrap/css/base.css" type="text/css" charset="utf-8">
于 2013-06-13T12:03:45.997 回答
0

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

于 2013-06-14T19:26:14.277 回答
0

可以把它们放进去header.php,但这在技术上是错误的。

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

wp_register_style() 文档
wp_enqueue_style() 文档

这是一个例子

于 2013-06-13T06:33:35.613 回答