plone的主题定制器。
collective.themecustomizer的Python项目详细描述
目录
Life, the Universe, and Everything
collective.themecustomizer提供了一些简单但非常有用的定制 任何站点管理员都知道的直观界面中的plone站点主题。
Don’t Panic
Installation
要在基于构建的安装中启用此软件包,请执行以下操作:
编辑buildout.cfg并添加以下内容:
[buildout] ... eggs = collective.themecustomizer
更新配置后,需要运行“bin/buildout”,这将 注意更新你的系统。
转到plone站点中的站点设置页面,然后单击加载项链接。
选中collective.themecustomizer旁边的复选框,然后单击激活 按钮。
注意
您可能必须清空浏览器缓存并保存资源注册表 以查看产品安装的效果。
How it works
包重写plone.logo和plone.headerviewlets(通过 自定义browserlayer)尊重它们的默认行为,如果没有 定制已经完成。
Using with Diazo
要在diazo中使用mecustomizer,可以在rules.xml中添加一些行,以 使用背景图像时更改HTML:
<!-- Themecustomizer rules --> <rules css:if-not-content="#portal-header[style='']"> <copy attributes="style" css:content="#portal-header" css:theme="header" /> <merge attributes="class" css:content="#portal-header" css:theme="header" /> </rules>
第一条规则将把自定义背景图像应用到主题HTML。在 上面的示例中,背景图像将添加到<;header>;标记中。你可以改变 css:theme=“header”要显示什么样的themecustomizer图像,比如body 或页脚。
第二个规则将在themecustomizer图像 正在使用中。在这个类中,当 用户使用主题自定义器选择另一个图像。
HTML:
<header class="customizer-background" style="background-image: url(http://localhost:8080/Plone/background.png)">
css:
header {background: url("img/background.jpg");} .customizer-background {background: transparent;}
To-do list
- 提供更多的主题自定义,如页脚文本和颜色。
- 在任何地方都用英语写字符串。
- 在ImageWidget中提供图像的预览比例
- 将imagewidget分离到新包
- 将自定义选项移动到主题控制面板或新的configlet
- 在注册表中存储自定义设置
Not entirely unlike
- CSSManager
- 提供了一个简单的界面,通过 重写不由使用的旧base_properties工作表 扑通一声4默认的阳光主题。 不过,如果在plone 4站点中选择plone classic theme则有效 主题设置。 如果要安装它,必须手动添加elementtree 到构建文件中的eggs部分。
- Products.CustomOverrides
- 允许内容管理器插入自定义样式表和javascript 将添加到Choosen文件夹及其子文件夹中。 它需要css和js知识。