跳转到主要内容

为Plone提供自定义CSS和JS注入

项目描述

CSS和JS为Plone提供覆盖

本产品允许内容管理员通过将文件添加到文件夹中来注入自定义样式表和JavaScript。这些样式表和JavaScript将被添加到该文件夹及其子文件夹中现有的CSS/JS。

如果您想对网站的某个部分进行样式设计,Plone已经提供了相应的方法。请阅读http://plone.org/documentation/kb/create-a-different-look-and-feel-for-different-sections-of-your-web-site-without-creating-new-skins以获取更多信息,并判断是否需要使用此产品。

使用方法

主要步骤是将一个名为custom.csscustom.js(“自定义文件”)的文件放置在文件夹中。然后,这些文件将被插入HTML HEAD部分的特殊视图中。

管理自定义文件有两种方式

使用Plone添加自定义文件

添加Plone文件(ATFile)。

  • 准备一个custom.csscustom.js文件

  • 在Plone中,转到所需的文件夹

  • 点击“添加项目”菜单

  • 选择“文件”

  • 上传准备好的文件

此方法的优势是可以使用熟悉的Plone界面上传文件。其缺点是文件无法修改:您需要在本地上准备新文件并替换现有的文件。

请注意

  • Plone文件可能受到工作流的影响,具体取决于您的网站。如果自定义文件是私有的,则未登录的访客将看不到它。

  • Plone文件可能会根据您网站的导航设置显示在导航中。

使用ZMI添加自定义文件

添加Zope文件。

  • 您可以选择以下任一方法:

    • 在Plone中,转到所需的文件夹并将manage_main追加到URL中,或者

    • 直接转到ZMI,然后转到所需的文件夹

  • 添加文件,将其命名为custom.csscustom.js

    • 您可以选择上传本地准备好的文件。

  • 编辑文件。

此方法更加灵活:可以通过网络编辑文件。然而,ZMI的使用更为复杂,需要更高的权限,因此此方法适用于高级用户。

测试平台

Plone 3,Plone 4

警告

  • 错误的CSS/JS可能会破坏您的网站。

更改

1.0.3 (2011-03-15)

  • setup.py: 添加产品URL,更新关键词

  • 文档

1.0.2 (2011-03-09)

  • 文档

  • 在所有皮肤中注册视图小部件。

1.0.1 (2011-03-08)

首次公开发布。

项目详情


下载文件

下载适合您平台文件。如果您不确定选择哪个,请了解更多关于安装包的信息。

源分发

Products.CustomOverrides-1.0.3.zip (16.6 kB 查看哈希)

上传时间

支持者:

AWS AWS 云计算和安全赞助商 Datadog Datadog 监控 Fastly Fastly CDN Google Google 下载分析 Microsoft Microsoft PSF 赞助商 Pingdom Pingdom 监控 Sentry Sentry 错误日志 StatusPage StatusPage 状态页面