将Twitter Bootstrap与Wordpress一起使用

Question

如何将Wordpress与Twitter Bootstrap一起使用？我知道如何设置一个Wordpress页面,我已经使用过Bootstrap,但现在我想第一次使用这两个.

对于我的Wordpress项目,我通常只是安装了Wordpress,并从头开始创建一个新的主题.对于我的Bootstrap项目,我总是使用Initializr来构建模板.

现在使用Google我发现了各种"Bootstrap主题"和插件,我需要其中一个吗？我想使用LESS定制自己的颜色等引导外观,这就是我要问的原因.我只是很难理解这两者如何协同工作,我没有找到任何好的资源.

Answer 1

有几种方法可以解决这个问题,但这就是我一直在做的事情......

1. 获取您最喜欢的起点主题的副本
2. 下载完整的bootstrap repo(less和everything)并将其弹出到您的主题文件夹中.
3. 在bootstrap文件夹中创建一个名为'css'的文件夹,并将其设置为您输入已编译的'bootstrap.css'文件的位置.
4. 然后在主题根目录中打开'styles.css',更改主题名称等,就像创建新主题一样,删除所有样式并只添加一行代码 @import url("bootstrap/css/bootstrap.css");
5. 您现在应该可以从'wp-admin'的'外观'菜单中选择这个新主题.
6. 它显然看起来很可怕,但是一旦你将一些主题类/ ID添加到'layout.less'中.然后运行'variables.less'来添加你将要到达某个地方的基本主题.
7. 除此之外,您必须浏览每个模板文件并考虑所有类/ ID,有时编辑主题以更好地利用现有的引导类,但有时您需要添加自己的自定义类引导.

这是非常耗时的,但一旦完成它显然可以重新用于加速未来的项目.

顺便说一句,我也使用同样的原则构建主题,但基于http://stuffandnonsense.co.uk/projects/320andup/这两个伟大的项目.我建议看看哪种最适合你.