跳转到主要内容

将jquery.ui的themeroller添加到Plone 4,以实现易于主题定制。

项目描述

简介

zettwerk.ui将基于jQuery.ui的themeroller主题集成到Plone 4.x中。Themeroller是一个用于动态自定义jQuery.ui CSS类的工具。有关jQuery.ui主题化和themeroller的详细信息,请参阅https://jqueryui.jqueryjs.cn/themeroller/

观看实际操作: https://www.youtube.com/watch?v=izgJ9GOSuNw

注意:从版本2.0开始,themeroller小部件的动态集成将停止工作。但您可以手动包含下载的主题。请参阅Zettwerk UI Themer控制面板上链接的“添加主题”页面上的说明。对于未来的版本,计划再次添加具有实时预览的自定义小部件。要了解2.0以下版本的工作方式,请参阅http://www.youtube.com/watch?v=p4_jU-5HUYA

用法

使用此插件可以非常容易地调整您的Plone网站的样式和配色方案。安装后,在Plone控制面板中会列出一个新的扩展产品,称为“Zettwerk UI Themer”。请参阅该页面上的说明以选择和添加主题。

欢迎提供反馈。

技术背景和1.0版本之前

对于低于1.0的版本,zettwerk.ui大量使用javascript来操作输出页面的DOM和CSS。这对原型设计来说是可以的,但可能不适合生产环境。特别是较慢的浏览器在所有操作应用之前会出现一些闪烁。从版本1.0开始,进行大多数操作的概念完全改变为xsl-transforms,通过diazo / plone.app.theming应用。这带来了更好的用户体验。另一方面,zettwerk.ui现在充当皮肤(而之前的一个没有皮肤)。

安装

将zettwerk.ui添加到您的buildout eggs中

eggs = ..
       zettwerk.ui

运行buildout并启动实例后,您可以通过portal_quickinstaller将Zettwerk UI Themer安装到您的Plone实例中。zettwerk.ui需要Plone 4.1,因为它依赖于plone.app.theming。如果您想在Plone 4.0中使用zettwerk.ui,您也可以使用版本0.40,这是最后一个(官方)支持Plone 4.0.x的版本。

文件系统依赖性

创建的主题被下载到服务器的文件系统中。因此需要一个目录来存储这些文件。目前,它始终位于相对于您的INSTANCE_HOME的位置:../../zettwerk.ui.downloads。在常见的buildout环境中,它直接位于您的buildout文件夹内。

主题的部署和重用

您可以轻松地将下载的主题从下载文件夹从一个buildout实例移动到另一个实例。因此,要部署一个主题,只需将带有您主题名称的文件夹从您的开发服务器复制到您的生产服务器。它应该立即可用(无需重启)——但前提是已经创建了下载文件夹。

变更日志

2.0 (2014-04-15)

  • Plone 4.3兼容性(对于< 4.3使用< 2.0)

  • 移除了Themeroller集成

  • 增加了手动主题集成的说明

  • 为对话框添加了z-index以避免与编辑栏重叠

  • 更新了德语翻译

  • 通过uninstall配置文件添加了主题卸载

1.1.0 (2012-09-21)

  • 移除了复选框和单选框处理

1.0.5 (2012-08-17)

  • 修复了与较新版本的collective.js.jqueryui相关的安装错误

  • Plone 4.2兼容性和测试

1.0.4(未发布)

  • 修复了操作菜单显示

1.0.3 (2012-03-17)

  • 固定了plone.app.theming以避免zmi样式

  • 完全移除了“not-zmi”样式规则

1.0.2 (2012-03-12)

  • 修复了相关项和分类(#4)

1.0.1 (2011-10-21)

  • 修复了管理端口链接(#3)

  • 修复了setuphandler执行

1.0 (2011-06-23)

  • 重新添加了单选框样式

  • 调整了rules.xml以不样式化zmi页面

  • 添加了法语翻译[toutpt]

  • 更新了西班牙语翻译[macagua]

1.0rc1(2011-06-12)

  • 主要重写以通过plone.app.theming/diazo应用操作

  • 移除了“设置”面板。

0.40 (2011-05-28)

  • 移除了自己的jquery.ui集成并使用collective.js.jqueryui(需要通过quickinstall重新安装!)

  • 通过特殊资源处理将collective.js.jqueryui的sunburst主题集成

  • 重新添加了对主题名称字符的验证

  • 将默认起始主题的字体大小稍微减小了

  • 更新了pot文件和德语翻译

  • 主题名称排序

0.34 (2011-05-17)

  • 修复了IE7的全局选项卡

0.33 (2011-05-06)

  • 如果不可见,则不显示“启用cookie”状态消息

0.32 (2011-04-30)

  • 在配置文件标题中显示卸载,以避免混淆plone-admins [jensens]

  • 处理BadZipfile异常

  • 更新了jquery.ui到1.8.12

0.31 (2011-03-07)

  • 增加了测试

  • 增加了selenium测试

  • 更新了jquery.ui到1.8.10

  • 在plone 4.0.x和4.1.x上进行了测试

0.30 (2011-02-16)

  • 增加了西班牙语翻译[macagua]

  • 更改了控制面板GUI和下载处理的使用

  • 为控制面板javascripts添加了可翻译字符串

  • 更改了一些导入(以与Plone 4.1兼容)

  • pep8清理

  • 更新了jquery.ui到1.8.9

0.28 (2011-01-11)

  • 回到旧版本号方案——以便buildout更新可以正常工作。

0.2.7 (2011-01-11)

  • 修复了版本号

  • 用jq替换$以修复已认证的IE用户的GUI

0.26 (2010-12-15)

  • 更新了jquery.ui到1.8.7(需要通过快速安装器重新安装)

  • 更改了ui基础资源集成,以避免即将到来的ui更新所需的重新安装

0.25 (2010-11-23)

  • 使enableTabs与基于

    的选项卡一起工作

0.24 (2010-11-16)

  • 添加了对禁用单选按钮和复选框的支持

  • 更新了jquery.ui到1.8.6

  • 调整了编辑栏样式

0.23 (2010-10-21)

  • 移除了全局选项卡的额外边距

  • 使ui css与@import样式表一起工作

0.22 (2010-10-13)

  • 减小了portlet的字体大小

  • 确保在重新安装或卸载-安装后,现有主题的编辑可以正常工作

  • 确保通过文件系统添加的主题的编辑可以正常工作

0.21 (2010-10-13)

  • 移除了console.log调用

0.20 (2010-10-10)

  • 自定义现有主题(下载时只需给它相同的名称即可)

  • 添加了新选项以启用全局字体样式

  • 添加了复选框样式

  • 添加了单选框样式

  • 清理了整体表单样式

  • 将表单样式添加到对话框内容中

  • 修复了对话框样式

  • 清理了导航-portlet样式

  • 将enableButtons合并到enableForms中

  • 调整了livesearch结果样式

  • 更新了jquery-ui到1.8.5(需要通过快速安装器重新安装)

  • 卸载时删除了控制面板图标

  • 更新了翻译

  • 在plone 4.0.1上进行了测试

0.14 (2010-09-19)

  • 移除了在悬停时个人工具令人讨厌的闪烁

0.13

  • 更新了jquery-ui到1.8.4

0.12

  • 修复了适用于plone 4.0b4的css规则

0.11

  • 修复了适用于plone 4.0b3的css规则

  • 添加了#edit-bar样式

  • 添加了简单的livesearch样式

0.1

  • 第一个工作版本

由以下机构支持

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