天天看點

為 Drupal 7 網站添加自定義CSS

  當我們在逛聊天室或者論壇時,經常會碰到有人提問怎麼向 Drupal 網站中添加自定義CSS —— 通常來講,通過 Drupal 主題來進行添加最好。不過在某些情況下,因為環境限制或網站管理者沒有通路主題檔案的權限,而不得不考慮其它辦法。

  今天本文就來介紹一下,如何使用CSS Injector子產品來為 Drupal 7 網站中添加自定義CSS。

  (譯注:不論是 CSS Injector 還是 CSS Editor,都可作為臨時性的CSS添加和調整手段,但最終都還是應該通過主題CSS檔案來進行添加)

第一步:安裝并啟用CSS Injector 子產品

從 CSS Injector 項目頁面下載下傳此子產品

為 Drupal 7 網站添加自定義CSS

通路子產品管理頁面,找到 CSS Injector 子產品,點選複項框選中

為 Drupal 7 網站添加自定義CSS

 将頁面下拉到最下方,點選儲存即可啟用 CSS Injector

為 Drupal 7 網站添加自定義CSS

第二步:添加自定義CSS

  啟用 CSS Injector 子產品後,進入“配置 > CSS Injector”頁面開始使用 CSS Injector。點選 Create a new rule 連結開始添加新的CSS規則。

為 Drupal 7 網站添加自定義CSS

填寫好 CSS規則的标題和CSS代碼後,通過 Themes to show on 部分的設定指定使用這些CSS的主題

為 Drupal 7 網站添加自定義CSS

預設情況下,添加的CSS會對所有頁面生效,也可根據需要選擇CSS生效的頁面

為 Drupal 7 網站添加自定義CSS

所有内容填寫完成之後點選“儲存”即可。

原文标題:為 Drupal 7 網站添加自定義CSS

原文位址:http://drupalct.org/drupal-theming/use-css-injector-add-custom-css-styles.html