0

我正在学习创建 Wordpress 主题，并停留在您以 Wordpress 旨在运行的方式链接样式表的一开始。

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

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

我究竟做错了什么？

4

1 回答 1

2

你试过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：

样式.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。

于 2013-06-03T17:52:19.070 回答