Plone 4.2-手动编辑重氮主题以更改默认徽标
我已经为我的Plone站点安装了一个重氮主题。现在我需要更改正在使用的默认徽标。在中,我被指示查看主题目录中的rules.xml和index.html文件,并找出如何通过手动编辑其中一个文件来更改徽标。然而,我不知道如何做到这一点。这些似乎是my index.html文件中的相关行:Plone 4.2-手动编辑重氮主题以更改默认徽标,plone,diazo,Plone,Diazo,我已经为我的Plone站点安装了一个重氮主题。现在我需要更改正在使用的默认徽标。在中,我被指示查看主题目录中的rules.xml和index.html文件,并找出如何通过手动编辑其中一个文件来更改徽标。然而,我不知道如何做到这一点。这些似乎是my index.html文件中的相关行: <div id="portal-header"> <div id="portal-slogan"> <span class="heightImmitator"&
<div id="portal-header">
<div id="portal-slogan">
<span class="heightImmitator"></span><span>Free Theme for Plone</span>
</div>
<a id="portal-logo" title="Site1" href="/"><span class="heightImmitator"></span><img src="images/logoSchools.gif" alt="" title="" height="71" width="402"></a>
<div id="portal-personaltools-wrapper">
<h5 class="hiddenStructure">Personal tools</h5>
<dl class="actionMenu deactivated" id="portal-personaltools">
<dt id="anon-personalbar"><a style="cursor: pointer;" class="link-overlay" rel="#pb_1" href="/login" id="personaltools-login">Log in</a></dt>
</dl>
</div>
</div>
Plone的免费主题
个人工具
这些似乎是我的rules.xml文件中的相关行:
<copy css:theme="#portal-logo" css:content="#portal-logo" attributes="href"/>
<copy css:theme="#portal-logo" css:content="#portal-logo" attributes="title"/>
<replace css:content="#portal-logo img" css:theme="#portal-logo img" />
我猜“替换”行告诉主题用另一个替换一个徽标。但是,如何编辑这些文件以查找我上传的徽标对我来说并不直观。顺便提一下,我上传的图像文件名为
nav-home1.png
,它位于我的主目录中名为site images
的目录中。我的解决方案是将我的图像文件放在~/Plone/buildout缓存/eggs/quintagrop.theme.schools-6.0.10-py2.7.egg/quintagr中对/theme/schools/static/images
目录进行分组,然后注释掉rules.xml中告诉index.html替换图像的行,然后编辑index.html,使其加载我的图像,而不是先前指示的logoschoolds.gif。这确实起到了作用,但现在我的问题是主题从其他地方获取了大小信息,因此图像太大了。调整index.html中的高度和宽度属性没有效果。我的解决方案是将图像文件放在~/Plone/buildout缓存/eggs/quintagroup.theme.schools-6.0.10-py2.7.egg/quintagr中对/theme/schools/static/images
目录进行分组,然后注释掉rules.xml中告诉index.html替换图像的行,然后编辑index.html,使其加载我的图像,而不是先前指示的logoschoolds.gif。这确实起到了作用,但现在我的问题是主题从其他地方获取了大小信息,因此图像太大了。调整index.html中的高度和宽度属性没有任何效果。如果我是你(并考虑到我在上面关于在何处执行此操作的评论),我只需删除试图从内容中拉入Plone徽标的
规则,然后编辑你的index.html以直接引用你的图像文件(在这一点上,它只是简单的HTML)
顺便说一句,您可能会从阅读更多关于重氮规则及其作用的内容中获益。有关Plone 4.3中的重氮体验的提示(即使是文本),请参阅
Martin如果我是你(并考虑到我在上面关于在何处执行此操作的评论),我只需删除试图从内容中引入Plone徽标的
规则,然后编辑index.html以直接引用图像文件(在这一点上,它只是纯html)
顺便说一句,您可能会从阅读更多关于重氮规则及其作用的内容中获益。有关Plone 4.3中的重氮体验的提示(即使是文本),请参阅
Martin我建议获取theme egg提供的静态主题文件。然后将其编辑并打包为压缩文件(用作指南->),然后您可以从Diazo控制面板上传它 如果您想在Plone中操作压缩文件,可以转到ZMI中的portal_resources并在那里编辑文件。如果您想分发编辑后的文件,请从Diazo面板下载 这是目前的一点工作,但正如optilude所建议的那样,Plone 4.3的体验应该会发生巨大的变化
要获得理解Xpath的帮助,请使用:花一些时间学习教程。这很容易理解。我建议获取theme egg提供的静态主题文件。然后将其编辑并打包为压缩文件(用作指南->)。然后您可以从Diazo控制面板上载它 如果您想在Plone中操作压缩文件,可以转到ZMI中的portal_resources并在那里编辑文件。如果您想分发编辑后的文件,请从Diazo面板下载 这是目前的一点工作,但正如optilude所建议的那样,Plone 4.3的体验应该会发生巨大的变化
要帮助理解Xpath,请使用:花一些时间学习教程。它非常容易理解。我将我的徽标图像上载到FS。我在{ZEOHOME}/src/中得到了一个开发鸡蛋 因此,图像显示如下:
/usr/local/Plone/zeocluster/src/quintagroup.theme.sunrain/quintagroup/theme/sunrain/static/images/theme_rain/PF-Sig.png
<img src="/++theme++quintagroup.theme.sunrain/images/theme_rain/PF-Sig.png" alt="" title="PF Sig Logo" height="150" width="300"/>
(有关如何添加开发鸡蛋的信息,请参见构建教程…)
在主题的.theme/sunrain/static/index.html
文件中,使用如下直接引用:
/usr/local/Plone/zeocluster/src/quintagroup.theme.sunrain/quintagroup/theme/sunrain/static/images/theme_rain/PF-Sig.png
<img src="/++theme++quintagroup.theme.sunrain/images/theme_rain/PF-Sig.png" alt="" title="PF Sig Logo" height="150" width="300"/>
尺寸信息就在
标签中。
但是,在进行任何更改后,转到Plone的主题控制面板,并停用/重新激活主题,以便重新处理规则,这似乎很重要
在过去的六个小时里,我一直在尝试用全新的Plone 4.2更换徽标(好吧,我有点生锈!)
Quintagroup只是告诉我在ZMI中定制logo.png,但似乎是这样……2002;-)我昨天花了几个小时试图使用4.3主题TTW功能,结果发现SunRain在创建TTW副本时似乎崩溃了
既然这似乎是一个顶级用户请求,为什么仍然很难弄清楚呢?
这不是在主题控制面板中简单的“上载新徽标图像”吗?我已将徽标图像上载到FS。我在{ZEOHOME}/src/中有一个发育卵 因此,图像显示如下:
/usr/local/Plone/zeocluster/src/quintagroup.theme.sunrain/quintagroup/theme/sunrain/static/images/theme_rain/PF-Sig.png
<img src="/++theme++quintagroup.theme.sunrain/images/theme_rain/PF-Sig.png" alt="" title="PF Sig Logo" height="150" width="300"/>
(有关如何添加开发鸡蛋的信息,请参见构建教程…)
在主题的.theme/sunrain/static/index.html
文件中,使用如下直接引用:
/usr/local/Plone/zeocluster/src/quintagroup.theme.sunrain/quintagroup/theme/sunrain/static/images/theme_rain/PF-Sig.png
<img src="/++theme++quintagroup.theme.sunrain/images/theme_rain/PF-Sig.png" alt="" title="PF Sig Logo" height="150" width="300"/>
上浆