`
drupal社区
  • 浏览: 2556 次
社区版块
存档分类
最新评论

为 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

分享到:
评论

相关推荐

    drupal7 自己写的扩展模块 news

    在这个场景中,我们讨论的是一个名为 "news" 的自定义扩展模块,专为 Drupal 7 设计。这个模块在 Drupal 官方库中可能尚未存在,意味着它是开发者独立编写的,以满足特定需求或功能。 开发 Drupal 模块通常涉及以下...

    drupal_themes:自定义主题-Drupal 7

    Drupal 7是一个强大的开源内容管理系统,它允许用户创建和管理网站,而无需深入理解复杂的编程语言。自定义主题是Drupal的一大特色,它让网站管理员能够根据自己的需求和品牌风格定制网站外观。在Drupal 7中,自定义...

    Drupal7专业开发指南

    Drupal的核心思想是模块化,它提供了一套完善的模块系统,使得开发者可以轻松地为Drupal添加新的功能。这些模块覆盖了从用户管理、论坛、新闻稿发布到图像、视频、文件的管理等各种功能。这些模块可以在Drupal的官方...

    drupal7源码

    总的来说,Drupal 7 的源码提供了丰富的学习材料,涵盖网站开发的各个方面,包括数据库操作、用户认证、权限控制、模板引擎以及模块化开发。深入理解 Drupal 7 的源码,不仅可以提升开发者的技术能力,也能更好地...

    Beginning Drupal 7

    本书由作者Todd Tomlinson撰写,通过循序渐进的方式介绍了Drupal 7的基础知识、核心功能以及高级主题,使读者能够迅速上手并构建自己的网站。 #### 二、Drupal 7简介 Drupal是一种开源的内容管理系统(CMS),被广泛...

    Pro Drupal 7 Development 源代码

    2. **主题系统**:Drupal 7的主题系统允许开发者自定义网站的外观。学习如何创建新的主题,使用PHP和CSS进行布局设计,以及如何使用预处理器语言如Twig来增强模板功能。 3. **数据库交互**:Drupal 7使用PDO...

    drupal7 扩展模块 Sildeshow

    总的来说,"Sildeshow" 模块为 Drupal 7 网站提供了创建专业级幻灯片展示的功能,增强了网站的互动性和视觉表现。尽管这个模块可能相对不太知名,但对于那些希望在 Drupal 网站上实现动态内容展示的用户来说,它无疑...

    Drupal v7.52

    更加灵活:定义你自己的内容结构,可以为内容、用户和评论添加更多自定义字段。使用超过800个Drupal 7专用模块来扩展你的站点。更加扩展:感谢对JavaScript和CSS的优化、更好的缓存机制以及其他很多改进,你的Drupal...

    Drupal v7.9 多国语言版.zip

    更加灵活:定义你自己的内容结构,可以为内容、用户和评论添加更多自定义字段。使用超过800个Drupal 7专用模块来扩展你的站点。 更加扩展:感谢对JavaScript和CSS的优化、更好的缓存机制以及其他很多改进,你的...

    drupal 在线客服 module

    "drupal 在线客服 module" 是 Drupal 生态系统中的一个重要组件,它为网站提供了集成在线客服功能的能力。这个模块使得访客可以方便地与客服代表进行实时交流,通常包括像 QQ 和旺旺这样的即时通讯工具。 QQ 和旺旺...

    drupal 7 themes

    Drupal 7 的主题系统允许开发者创建自定义主题来改变网站的外观和布局。这些主题不仅可以通过 HTML 和 CSS 来调整页面样式,还可以通过模板文件来控制页面元素的显示方式。因此,开发者可以完全控制网站的视觉效果,...

    Packtpub.Drupal.7.First.Look.Nov.2010.rar

    Drupal 7支持多语言网站的构建,用户可以方便地为内容、界面元素和菜单添加多种语言版本。 十一、性能优化与维护 优化Drupal 7的性能涉及缓存管理、数据库查询优化、CDN集成等方面。此外,定期备份、更新安全补丁和...

    the definitive guide to drupal 7

    本书是 Drupal 7 的官方综合指南英文版,为读者提供了一个深入学习 Drupal 7 的平台,适合所有级别的开发者、设计师和网站管理员。 #### 标签:Drupal PHP **标签概述:** 标签“Drupal PHP”表明了本书主要关注的...

    PDF-Drupal7FirstLook-英文版.rar

    描述 "PDF-Drupal7FirstLook-英文版.rar" 简单明了,重申了这是一个PDF文档,主要关注Drupal 7的初步介绍,以英文语言提供,且存储为RAR格式的压缩文件。 虽然没有具体的标签,但我们可以推断该文档可能涵盖以下...

    drupal建站教程

    理解如何使用工作流工具来审核和发布内容,以及如何利用字段(Fields)系统添加自定义信息。 4. **模块安装与定制**:Drupal的强大在于其丰富的模块生态系统。学习如何查找、安装、启用和禁用模块,以及如何进行...

    drupal-7.23安装包

    Drupal 7 引入了模块化的架构,使得开发者能够通过添加、定制或扩展核心功能来满足特定需求。 2. **内容管理**:Drupal 的强项在于其强大的内容管理能力。7.23 版本允许用户创建不同类型的自定义内容类型,如文章、...

    drupal 6.28 的包

    5. **主题系统**:Drupal 6的Theme Engine允许开发者创建自定义的网站外观,通过模板和CSS实现设计自由度。 6. **搜索优化**:内置的搜索功能和对SEO(搜索引擎优化)的支持,帮助网站提高在搜索引擎中的排名。 7....

    基于PHP的Drupal PHP内容管理系统 v7.zip

    2. **主题系统**:Drupal 7支持自定义主题,允许开发者使用HTML、CSS和PHP来设计网站的外观。Theming引擎如Zen或Omega提供了一种组织良好的基础结构,使得设计过程更加简单。 3. **工作流和权限管理**:Drupal 7有...

Global site tag (gtag.js) - Google Analytics