爲 Drupal 7 網站添加自定義CSS

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

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

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

 

第一步:安裝並啓用CSS Injector 模塊

從 CSS Injector 項目頁面下載此模塊

下載 CSS Injector 模塊

訪問模塊管理頁面,找到 CSS Injector 模塊,點擊復項框選中

啓用 CSS Injector 模塊

 將頁面下拉到最下方,點擊保存即可啓用 CSS Injector

啓用 CSS Injector 模塊

 

第二步:添加自定義CSS

  啓用 CSS Injector 模塊後,進入“配置 > CSS Injector”頁面開始使用 CSS Injector。點擊 Create a new rule 鏈接開始添加新的CSS規則。

使用 CSS Injector 模塊添加CSS規則

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

使用 CSS Injector 模塊添加CSS樣式

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

CSS Injector 模塊設置

所有內容填寫完成之後點擊“保存”即可。

原文標題:爲 Drupal 7 網站添加自定義CSS

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


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章