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吗？你有没有包含bootstrap javascript文件？

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

Wordpress创建主题 - 链接Bootstrap样式表

1 个答案: