當我們在逛聊天室或者論壇時,經常會碰到有人提問怎麼向 Drupal 網站中添加自定義CSS —— 通常來講,通過 Drupal 主題來進行添加最好。不過在某些情況下,因爲環境限制或網站管理員沒有訪問主題文件的權限,而不得不考慮其它辦法。
今天本文就來介紹一下,如何使用CSS Injector模塊來爲 Drupal 7 網站中添加自定義CSS。
(譯註:不論是 CSS Injector 還是 CSS Editor,都可作爲臨時性的CSS添加和調整手段,但最終都還是應該通過主題CSS文件來進行添加)
第一步:安裝並啓用CSS Injector 模塊
從 CSS Injector 項目頁面下載此模塊
訪問模塊管理頁面,找到 CSS Injector 模塊,點擊復項框選中
將頁面下拉到最下方,點擊保存即可啓用 CSS Injector
第二步:添加自定義CSS
啓用 CSS Injector 模塊後,進入“配置 > CSS Injector”頁面開始使用 CSS Injector。點擊 Create a new rule 鏈接開始添加新的CSS規則。
填寫好 CSS規則的標題和CSS代碼後,通過 Themes to show on 部分的設置指定使用這些CSS的主題
默認情況下,添加的CSS會對所有頁面生效,也可根據需要選擇CSS生效的頁面
所有內容填寫完成之後點擊“保存”即可。
原文地址:http://drupalct.org/drupal-theming/use-css-injector-add-custom-css-styles.html