詳解為Drupal 7網站添加自訂CSS的步驟

來源:互聯網
上載者:User
  當我們在逛聊天室或者論壇時,經常會碰到有人提問怎麼向 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生效的頁面

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

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.