使用Drupal的ZURB基础主题

这里是小按钮。

ZURB Foundation框架完全独立于Drupal。 人们在WordPress，Joomla甚至静态HTML网站上使用它。

什么是ZURB基金会Drupal主题？

Drupal ZURB基金会主题允许您通过下载和启用主题（并阅读文档并采取一些额外的步骤，当然）来释放所有这种ZURBish权力。

例如，ZURB基金会依赖于jQuery Javascript库，因此您可能需要安装jQuery Update。 检查你是否使用任何其他依赖于jQuery的模块。 如果您使用的是jQuery的新版本，这些模块可能会停止工作。

此外，您可能希望将此主题用作自定义主题的基本主题。 定制是ZURB基金会真正闪耀的地方。

你需要这个主题才能在Drupal中使用ZURB基础？

你不需要这个主题来使用ZURB基础框架。 简单来说，这个主题只是将ZURB Foundation CSS和Javascript添加到您的网站，您可以手动完成。

但是这个主题使得它更容易，并且它还包含与Drupal的进一步整合。

另外，您可以添加更小的附加模块以进一步集成。 例如，ZURB Orbit模块可让您创建带图像字段的Orbit幻灯片。 ZURB清除模块可让您创建具有媒体图像的响应式灯箱。

注意：我自己还没有使用这些小模块，所以它们可能充满了危险。 在撰写本文时，ZURB Clearing需要Media-2.x-dev，如果您当前正在使用Media 1.x，这可能是一次危险的升级。 对模块开发版本的要求应该总是让人停下来。 尽管如此，这些和其他ZURB模块仍值得研究。

选择使用哪个版本的ZURB基金会

在下载ZURB基金会主题之前，请检查您应该使用哪个版本。 ZURB Foundation框架有不同的主要版本，主题的主要版本号与它的工作框架相对应。 因此，主题的7.x-3.x版本与Foundation 3一起工作，7.x-4.x版本与Foundation 4一起使用 ，7.x-5.x版本与Foundation 5一起使用 。

在撰写本文时，主题的最新稳定版本是7.x-4.x，它适用于Foundation 4. 7.x-5.x版本仍在开发中。 所以，尽管基金会框架网站假定您将使用Foundation 5，但您现在可能仍想继续使用Foundation 4。

另请注意，Foundation 5有额外的要求，特别是jQuery 1.10。 Foundation 4只需要jQuery 1.7+。

在阅读在线文档时请注意您使用的是哪个版本的Foundation。 如果您没有使用最新版本的框架，情况尤其如此。 当基金会5网站上的文档无法运行时，如果您的基金会5的某个新功能无法运行，那么您很容易就会感到沮丧。

例如，Foundation 5包含一整套适用于中型屏幕的中级课程。 在基金会4中，除非你采取额外措施，否则这些将会神秘失败。

使用SASS，指南针和＆＃34; _variables.scss＆＃34;！

如果您打算根据这个主题调整CSS，请确保：

• 使用ZURB基金会主题作为您自己的自定义分主题的基本主题
• 使用主题提供的drush命令生成此子主题。 像这样：drush fst your_theme_name
• 悠闲地阅读优秀的_variables.scss文件

_variables.scss文件由drush fst自动创建。 这个单一文件包含几乎所有你可能想要在你的主题CSS中调整的变量。 太奇妙了！ 在一个地方，你可以设置从默认字体到屏幕宽度到面包屑边界的所有内容。

当然，您也可以随时设置其他文件。 但_variables.scss是一个开始的好地方。

注意文件扩展名：scss，而不是css。 要使用_variables.scss，您需要设置SASS（CSS扩展语言）和Compass（使用SASS构建的框架）。 当你运行指南针编译时，你的scss文件将变成可爱的CSS在单独的文件中。 （我更喜欢指南针观察 - 这会在您调整scss文件时继续运行并更新CSS。）

如果你真的，真的不想打扰SASS，你可以像往常一样编写CSS文件，并将它们列在主题的.info文件中。 但请相信我 - 学习足够的资源来编译_variables.scss的小小时间几乎可以立即得到回报。

在使用ZURB基金会之前

ZURB基金会是最优秀的，但它不是唯一与Drupal集成的前端框架。 您可能需要考虑Bootstrap ，它也是一个类似的Drupal主题框架。 目前，我自己使用ZURB基金会，但那是因为我的研究表明它比Bootstrap更容易定制。

另外，Joyride组件非常甜美。

无论您使用ZURB Foundation，Bootstrap还是其他一些框架，请务必在使用Drupal框架时获得这些技巧 。