主题: XOOPS 2 主题迷你教程

投稿者: Boobtoob，于 2003/2/25 22:30:37 发布 阅读量：17649
目前似乎在主题方面有一些人气上升，所以，我会分享我创造 BoardJIVE.com 主题时所学到的知识。你需要满足的第一个前提是掌握基本的 HTML 知识（最好是 4.01 转换版本）和 CSS。

另一个关键点是理解并非所有浏览器都支持所有这些标准，所以请尽可能多地用不同浏览器测试你的主题。如果你没有 Mac，可以向使用的人求助检查它，并让他们回来告诉你的，这样你就可以覆盖大多数平台。

如果你具备良好的 HTML 和 CSS 知识，那么你就准备好开始创建你的第一个主题之旅了！这是我在创建我的网站时所使用的工具箱中的内容（顺便说一下，我在家里使用 Mac，在工作中使用 Windows，所以列出的工具是跨平台的，除了一种，即 CSS 编辑器）：Macromedia 的 Dreamweaver MX 用于 HTML 布局（Mac 和 Win）、Macromedia 的 Fireworks MX 用于图形（Mac 和 Win）、BBEdit 7.02 用于手动编辑（Mac）、DW 编辑器用于 Windows、TopStyle Pro 用于 Windows 的 CSS 编辑和 Mac 的 DW CSS 编辑 7Zip 从 Sourceforge.net 用于创建 .tar 文件（用于上传你的主题）。这看起来像是一个长长的清单，但这取决于你的技术级别，你也可以用好的旧文本编辑器完成类似的事情。一旦你准备好了工具，你就可以开始了。我首先建议下载数据库中的“默认”主题或者使用 W4Z004 包含的“X2T”主题。我用“默认”作为我的起点，并从“X2T”主题中结合了登录功能。一旦选择了开始的主题，使用主题管理器上传 .tar 文件，使用主题管理器命名（除了命名为“默认”之类的名字，例如 mytheme）。安装后，使用管理下的设置更改系统主题到新上传的主题。
Resized Image
现在您已经设置了主题，请返回主页以确保它正在运行。接下来，将主题文件解压到“themes”目录下的一个目录中（例如，\themes\mytheme），花几分钟时间了解目录结构，以更好地了解模板的组织。首先注意到的是“skins”目录。此目录存储您的皮肤.html文件（用作控制站点布局），相关的CSS文件（style.css、styleNN.css、styleMAC.css）以及与skin.html和块模板相关的图像。接下来要注意的是“templates”目录。这是存储所有模块模板的目录。请务必了解结构，不要随意移动目录，否则会破坏主题。一旦您确认已经完成了以上所有操作，您可以返回管理界面，进行最后一次更改，以便实时看到您的设计更改！
Resized Image
从管理 > 偏好菜单，选择“从 themes/directory 更新主题组文件？”并设置为“是”。此设置的作用是告诉XOOPS 2使用此目录（即themes\mytheme）从主题目录中拉取主题文件，绕过缓存系统。此功能是为了方便您不必要在主题管理器之间频繁切换粘贴文本。因此，一旦您开始更改“skin.html”或任何模块模板，您将会在主页上立即看到更改（不错吧？）。请注意，此功能绝不是为实时网站设计的，因为它可能会在正常或高峰时段影响您的性能。* 顺便说一句，请先使用主题管理器上传您的主题，然后再解压到/或重命名主题目录，因为XOOPS 2不允许您上传一个与主题目录中名称相同的主题目录（谢天谢地！）。