Wordpress 创建主题 - 链接引导样式表

Question

我正在学习创建 Wordpress 主题，并停留在最开始以 Wordpress 设计运行的方式链接样式表的地方。

我正在使用这个模板标签<?php bloginfo('stylesheet_url'); ?>，如 <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_url'); ?>"> 让 Wordpress 读取默认 style.css 但我遇到的问题是 加载除此之外的样式表。

为了链接额外的css，我使用了这个模板标签<?php bloginfo('template_directory'); ?> 如<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('template_directory'); ?>/css/bootstrap.min.css"> 但它似乎没有正确加载样式。

我做错了什么？

Answer 1

你试过bloginfo('template_directory')吗？它给出了正确的路径吗？

您可以插入额外的链接标签来包含您的样式表，例如： <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/bootstrap.min.css" type="text/css" media="screen" />

另一种解决方案可能是使用：@import url('bootstrap/css/bootstrap.css');在你的主 css 文件中。

所以在你的模板中使用 <link href="<?php bloginfo('stylesheet_url');?>" rel="stylesheet"> 这将包括 style.css：

style.css：

 @import url('bootstrap/css/bootstrap.css'); 
 @import url('bootstrap/css/bootstrap-responsive.css'); 
 body { 
 padding-top: 60px; 
 padding-bottom: 40px; 
 }

哪个部分不起作用？你也包括 bootstrap-responsive.css 吗？是否包含引导 javascript 文件？

更多示例代码请参见此链接：http://blog.teamtreehouse.com/responsive-wordpress-bootstrap-theme-tutorial。