修改文件

您获取程序包存档后,需要提取其内容到一个目录,并对文件进行所需更改。或者,您可以在服务器上原样安装下载的皮肤程序包(如 安装皮肤到 Plesk 中所描述的)然后直接在服务器上对文件进行修改。

重要: 如果您选择此方式,在安装皮肤前请务必按照 编辑皮肤信息 小节中的说明设置皮肤信息。

皮肤程序包结构

以下表格阐述了一个皮肤程序包内包含的目录和文件的结构和内容。

注意: 为了帮助您更方便地确定需要更改的样式或镜像文件,我们建议您使用 web 开发工具,例如,Firebug 用于 Mozilla Firefox,Inspect Elements 用于 Google Chrome。通过使用这些工具,您可以选择一个界面元素并知道要应用哪些样式,以及这些样式会定义哪个文件以及文件中的哪一行。

 

css

当您下载皮肤程序包时,位于该目录中的 custom.css 文件为空。会在 Plesk 主题(无法更改)中包含的文件中定义所有的样式。但是如果您想要重新定义某个界面元素的样式,您可以添加样式定义到下载的 custom.css 文件然后将文件上传到 Plesk。 在此情况下,只有已定义的样式将会被应用到某个元素,而其它元素保持不变。

您可以为页面背景、主要字体、文本颜色、超链接颜色、表格元素的边框颜色等添加样式定义。

icons

该目录只包含被放置到子目录(按其大小)的图标。注意双图标大小会用于支持 Retina 显示屏。

如果您没有打算自定义这些项目,您则可以从带有您的自定义皮肤的存档移除它们。您可以只保留您已更改或添加的项目。

图像

该目录包含用作某些界面元素的背景过滤的图像。

这些当中的一些图形文件是由多个用在产品界面不同地方的图像组成的精灵表 (sprite sheets)。因此,当更改背景图像时,请确保相应的文件没有在其它地方使用。最好是创建一个新的图形文件并更改样式表以使用该图形文件而不是单纯的替换文件。

如果您没有打算自定义这些项目,您则可以从带有您的自定义皮肤的存档移除它们。您可以只保留您已更改或添加的项目。

 

徽标

该目录包含在 Plesk 中显示的公司和产品徽标图像。若要更改徽标,请使用相同名称准备文件并替换文件夹中原有文件。

meta.xml

该文件包含有关皮肤程序包的信息,例如其名称和描述。

当您需要还原所做的更改而使用默认的样式或图像时,只需从 custom.css 文件删除自定义的 CSS 定义并从您的自定义皮肤的 /images//images/logos/ 目录移除自定义图像即可。

编辑皮肤信息

若要编辑您的皮肤信息:

打开文件meta.xml 并指定以下属性:

  • 名称. 设置您将用于该皮肤的名称。
  • 描述. 提供对皮肤的简单描述。
  • 版本. 指定皮肤版本。
  • 供应商. 贵公司的名称。