collective.themecustomizer 1.0b1

安装

要在基于buildout的安装中启用此包

1. 编辑您的 buildout.cfg 文件并添加以下内容

   [buildout]
   ...
   eggs =
       collective.themecustomizer

更新配置后，需要运行“bin/buildout”，这将负责更新您的系统。

转到 Plone 站点的 站点设置 页面，然后点击 插件 链接。

勾选 collective.themecustomizer 旁边的复选框，然后点击 激活 按钮。

使用

一旦 collective.themecustomizer 安装完成，请转到 站点控制面板 以查找自定义选项

• 在页眉显示文本

• 标志图片

• 在页眉显示标志

• 页眉背景图片

保存您的偏好设置后，您将看到您希望应用的所有选项。

它是如何工作的

该包通过自定义 browserlayer 覆盖了 plone.logo 和 plone.header 视图，并尊重它们的默认行为，前提是尚未进行任何自定义。

与Diazo一起使用

要使用 Diazo 与 themecustomizer 一起使用，请向您的 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" 改为您想要显示主题定制器图片的位置，例如 body 或 footer。

第二条规则将在使用主题定制器图片时向标签添加一个额外的类。使用这个类，您可以在用户使用主题定制器选择其他图片时禁用主题原始的背景图片。

HTML

<header class="customizer-background" style="background-image: url(https://127.0.0.1:8080/Plone/background.png)">

CSS

header {background: url("img/background.jpg");}
.customizer-background {background: transparent;}

待办事项列表

• 提供更多主题定制选项，如页脚文本和颜色。

• 在所有地方使用英语。

• 在图片小部件中提供图像的预览比例

• 将图片小部件分离到新的包中

• 将自定义选项移动到主题控制面板或新的配置小部件

• 在注册表中存储自定义选项

1.0b1 (2014-07-31)

• 初始发布。