爲 Drupal 7 網站添加自定義CSS

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

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

  (譯註:不管是 CSS Injector 仍是 CSS Editor,均可做爲臨時性的CSS添加和調整手段,但最終都仍是應該經過主題CSS文件來進行添加) get

 

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

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

下載 CSS Injector 模塊

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

啓用 CSS Injector 模塊

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

啓用 CSS Injector 模塊

 

第二步:添加自定義CSS im

  啓用 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 模塊設置

全部內容填寫完成以後點擊「保存」便可。

相關文章
相關標籤/搜索