通过 Bower 将 CodeKit 2 与 Wordpress/Bootstrap 一起使用答案

【问题标题】：Using CodeKit 2 with Wordpress/Bootstrap via Bower通过 Bower 将 CodeKit 2 与 Wordpress/Bootstrap 一起使用
【发布时间】：2014-05-27 20:23:53
【问题描述】：

这可能是一个非常愚蠢的问题，但我一直在搜索互联网，并没有真正找到太多有用的信息。我有 CodeKit 2，我想在项目中使用 Wordpress 和 Bootstrap。我以前从未使用过 Bower，但它看起来真的很酷，我想我会用 CodeKit 试一试。我通过项目中的资产选项卡安装了 Wordpress、JQuery 和 Bootstrap，并将它们安装到 bower_components。在 Bryan Jones 展示 Bower 的视频中，他说不要将任何内容移出该文件夹，否则 CodeKit 将不再将其视为资产。

所以我的问题是：我该如何从这里开始构建我的项目？显然我不想从 bower_components 文件夹中运行来做所有事情。在 Bower 文档中，它说最简单的方法是静态链接您想要的组件。但我真的不明白这将如何与 Wordpress 一起工作，而且似乎有更好的方法来使用 CodeKit。

感谢您的帮助！

【问题讨论】：

我也是这么想的。你搞清楚了吗？
@Steve 我最终只是暂时下载了老式的 Wordpress。我通过让 Codekit 编译 variables.less 和 bootstrap.less 文件并将它们包含在我自己的主题中的 styles.less 文件中来使用 Bootstrap。
我也是。也许我错过了一些东西。我看不出将文件保存在 bower_components 文件夹中如何使事情变得更容易。似乎它只是一个方便的下载文件夹。谢谢回复。史蒂夫

标签： bower codekit

【解决方案1】：

无需使用 Bower 来管理 wordpress，因为 wordpress 可以很容易地自行更新。

我认为本教程描述了使用 Codekit 构建 WP 站点的最佳方法：Use CodeKit 2.0 for Local WordPress Development。

基本上：

以任何您喜欢的方式在本地设置 wordpress，并使用 MAMP 或 AMPPS 为网站提供服务。
将您的主题文件夹拖入 Codekit - 主题就是项目。
在项目设置的浏览器刷新部分，使用外部服务器选项。粘贴新 WP 网站的本地 URL。

【讨论】：

感谢您的信息和链接！

【解决方案2】：

这里是an article，其中包含一些详细信息。

基本上你只需要在你的/less文件夹中安装bootstrap.less和variables.less，然后将你的@import命令指向你的/bower_components文件夹。虽然从技术上讲，您正在运行 /bower_components，但在设置之后，您将永远不会知道其中的区别。

【讨论】：

我想我了解如何使用 Bootstrap，但我没有看到如何通过 Bower 使用 Wordpress。通过 Bower 下载似乎很棘手，然后以某种方式安装而不将其移出 bower_components 文件夹。考虑一下，Bower 可能并不打算安装 WP，因为 WP 在技术上不是前端的东西。我一直在使用 Bower，并且对它的工作原理有了更多了解，而且管理 WP 安装似乎不是一个好用处。

【解决方案3】：

将 wordpress 连接到 Bower 最有用的一点是，您可以快速下载文件，而无需获取最新的 zip。

将 wordpress 文件移动到顶层或您习惯放置它们的位置是有意义的。

【讨论】：