将Twitter Bootstrap与WordPress一起使用

发布时间：2020-12-17 20:40:26 所属栏目：安全来源：网络整理

导读：如何将Wordpress与Twitter Bootstrap一起使用？我知道如何设置一个Wordpress页面,我已经使用过Bootstrap,但现在我想第一次使用这两个. 对于我的Wordpress项目,我通常只是安装了Wordpress,并从头开始创建一个新的主题.对于我的Bootstrap项目,我总是使用Initia

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

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

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

解决方法

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

>复制您最喜欢的起点主题
>下载完整的bootstrap repo(less和everything)并将其弹出到您的主题文件夹中.
>在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/这两个伟大的项目.我建议看看哪种最适合你.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!