當我們在逛聊天室或者論壇時,經常會碰到有人提問怎麼向 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生效的頁面
所有内容填寫完成之後點選“儲存”即可。
原文标題:為 Drupal 7 網站添加自定義CSS
原文位址:http://drupalct.org/drupal-theming/use-css-injector-add-custom-css-styles.html