使用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框架時獲得這些技巧 。