如何将 Wordpress 与 Twitter Bootstrap 一起使用?我知道如何设置 Wordpress 页面,并且已经使用过 Bootstrap,但现在我想第一次一起使用这两个。
对于我的 WordPress 项目,我通常只安装 WordPress 并从头开始创建一个新主题。对于我的 Bootstrap 项目,我总是使用 Initializr 来构建模板。
现在使用 Google 我发现了各种“Bootstrap 主题”和插件,我需要其中之一吗?我想用我自己的颜色等自定义引导程序外观,使用 LESS,这就是我问的原因。我只是很难理解这两者将如何协同工作,而且我还没有找到任何好的资源。
有几种方法可以解决这个问题,但这就是我一直在做的......
- 复制您最喜欢的起点主题
- 下载完整的引导程序存储库(更少和所有内容)并将其弹出到您的主题文件夹中。
- 在 bootstrap 文件夹中创建一个名为“css”的文件夹,并将其设置为输出编译后的“bootstrap.css”文件的位置。
- 然后在主题根目录中,打开“styles.css”,更改主题名称等,就像创建新主题一样,删除所有样式并仅添加一行代码
@import url("bootstrap/css/bootstrap.css");
- 您现在应该可以从“wp-admin”的“外观”菜单中选择这个新主题。
- 显然,它看起来会很可怕,但是一旦您将一些主题类/ID 添加到“layout.less”中。然后运行“variables.less”来添加您将要到达的基本主题。
- 除此之外,您必须仔细检查每个模板文件并考虑所有类/ID,有时编辑主题以更好地利用现有的引导类,但有时您需要将自己的自定义类添加到引导程序。
这是相当耗时的,但一旦完成,显然可以重复使用它来加速未来的项目。
顺便说一句,我也一直在使用相同的原理构建一个主题,但基于http://stuffandnonsense.co.uk/projects/320andup/ http://stuffandnonsense.co.uk/projects/320andup/都是伟大的项目。我建议看看哪个最适合您。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)