如何在WordPress主题中使用BootStrap?

时间:2014-01-18 13:43:13

标签: html css wordpress twitter-bootstrap wordpress-theming

我是WordPress和BootStrap CSS框架的新手,我有以下疑问:

我已经安装了这个集成BootStrap框架的主题,我想用它作为起点:http://bootstrapwp.rachelbaker.me/

我已使用更改主页的背景颜色,将 background-color 属性更改为主题中名为 bootstrapwp.css 的正文字段FireBug 插件

好的......我的怀疑是:

1)为什么这个CSS文件在下载的BootStrap 3框架中被命名为 bootstrapwp.css 而不是 bootstrap.css ?为什么这个文件与下载的 bootstrap.css 文件略有不同?

2)在BootStra中更改样式的更好方法是什么?我可以直接在 bootstrapwp.css 中更改它,或者最好在另一个覆盖此行为的文件中进行更改?

TNX

安德烈

2 个答案:

答案 0 :(得分:3)

安德烈:

您的问题有很多答案,但我会努力为您简化。

首先,开发人员要做的是在Wordpress CMS中获取Bootstrap功能。它们是两种完全不同的动物。 Bootstrap由必须手动编码的单个页面组成。 Wordpress是一个内容管理系统(CMS),您可以在其中应用样式,主题,侧边栏,模板或窗口小部件,并使其显示在网站的每个页面上。

因此,开发人员正在做的是使用bootstrapwp.css文件来处理整个Bootstrap主题Wordpress站点的CSS。请记住,这不是一个Bootstrap站点。它是一个Bootstrap主题Wordpress网站,旨在将Bootstrap的功能和设计融入Wordpress Codex的范围内。

如果您正在运行Wordpress网站,更改样式的最佳方法始终是在子主题提供的CSS文件中。

答案 1 :(得分:0)

你可以试试Impulse Press。这是最完整的Wordpress Bootstrap 3入门主题 看一下演示impulsepress.twoimpulse.com 有了这个你可以在bootstrap-theme.css中更改你的CSS样式而不要触摸bootstrap.css,所以当我们有更新时它不会破坏你的网站样式

Vincent Polisi是对的,你也可以制作一个儿童主题并让Impulse Press一直更新