跳转到内容

主题的最佳实践

虽然主题系统允许几乎无限的定制可能性,但我们建议您遵循一些最佳实践。它们将使您和选择使用您的主题的站点管理员的工作更容易。

不要编辑默认的CSS文件

每当编辑默认主题文件时,升级站点就会变得有点困难,因为必须处理自定义。对于CSS来说,这是一个很容易解决的问题,因为这是它的本质级联-这意味着你可以创建自己的CSS文件,覆盖在默认CSS文件中定义的样式,而不会影响套件在升级后更新默认CSS文件的能力。

为了鼓励大家,我们提供了一个空的CSS文件custom.css您可以将其用作更改的起点。对于更简单的主题,将更改保存在这个文件中就足够了。但是,您可以在中创建更多自定义CSS文件自定义组,它们将自动包含(无需使用@import语句)。

5649 e4e61e109_themes2015 - 11 - 1609 - 14 - 07. t

IPS Community Suite总是在加载顺序中最后包含您的自定义CSS文件,所以您可以使用与默认CSS文件中看到的相同的选择器,您的新样式应该覆盖默认样式。

尽量减少对模板的更改

与上述类似,编辑模板可能会导致升级的困难,因为自定义模板可能会缺少新特性所必需的新HTML,或者更糟的是,通过调用已被删除的变量而破坏模板。

但是,与CSS文件不同,模板不能级联,有时编辑模板是唯一的选择。因此,我们建议您尽量减少这些编辑。有几种策略可以做到这一点:

  • 尽可能使用CSS
    调整模板中的HTML以帮助实现某些特定的视觉样式可能很诱人。我们建议尽可能地使用CSS来实现这一点,因为从长远来看,这将使维护主题变得更加容易。
  • 在适当的地方使用模板包括和自定义模板
    如果要向模板添加更大的HTML块(超过几行),请考虑将该代码放在自定义模板位中,然后从默认模板调用该模板。这样,默认模板的自定义就是一个简单的include标记,稍后可以轻松地恢复和添加该标记,而不需要太多的努力。要调用自定义模板,你可以这样做:
    {template=“myCustomTemplate”组=”<集团>“应用程序= "<应用>"}

    其中是您在创建自定义模板位时选择的位置的键。

  • 考虑创建一个钩子
    应用程序钩子能够通过“钩住”模板中的代码来调整模板。在某些情况下,使用挂钩调整模板可能比直接编辑模板内容更合适。

记得手机支持

IPS社区套件从一开始就设计得很灵敏;也就是说,无论屏幕大小,无论是桌面显示器还是手机,都适用于相同的主题。当你改变你的主题时,记得考虑移动支持,并确保你也包括响应样式。你可以使用谷歌Chrome浏览器的web检查器来模拟不同的屏幕大小,或者使用像BrowserStack在真实设备上测试主题

记得从右到左的支持

IPS Community Suite被设计成完全支持从左到右(LTR)和从右到左(RTL)语言。如果您正在创建一个计划与他人共享的主题(而不是仅供您自己使用的主题),请记住RTL支持。本指南的下一个步骤涵盖了支持它的一些步骤。


报告指南


×
×
  • 创建新的…
Baidu