帮助:模板样式

帮助页面

模板样式(TemplateStyles)是允许非管理员用户写入和管理模板的CSS样式的功能。它允许编辑模板的贡献者区分内容及外观。这是网页上的良好实践,可使管理模板输出变得容易。

模板样式因为以下原因很有用:

  • 它使模板在移动设备上工作更佳。
  • 它减少了在应用CSS规则的位置问题上的混乱。
  • 编辑CSS目前只限于管理员,这是参与编辑模板主要的障碍。
  • 所有样式表必须在所有页面加载(无论其是否实际使用页面),这浪费了带宽,并使调试样式规则变得更加困难。

基本使用方法

添加<templatestyles src="[某页面]" />到需要使用CSS样式的页面,然后在[某页面]内编写CSS语法,这样就会加载到使用了这个<templatestyles>标签的页面(无论直接使用或是通过模板嵌入)。

如果要在Lua模块中加载模板样式,则在需要使用CSS样式输出的文本中确认包含以下内容(frame一般为调用时传入的第一个参数):

frame:callParserFunction{ name = '#tag:templatestyles', args = { '-{}-', src='[某页面]' } }

或者

frame:extensionTag{ name = 'templatestyles', args = { src = [某页面]} }

[某页面]的内容模型必须是sanitized-css(已过滤的CSS),在模板名字空间、是子页面、并且以.css结尾为标题创建的页面皆会是sanitized-css内容模型。如果要在其他地方创建sanitized-css页面,请找管理员协助。

仅在部分情况使用

MediaWiki在html和body标签提供了一些类别选择器,用来指示用户现在的状态,包括指示用户正在使用哪个外观。你可以使用这些选择器来进行不同的样式设置。

/* 仅在Vector外观中使用 */
body.skin-vector .foo { color: green; }

/* 仅在用户没有激活JavaScript时使用 */
html.client-nojs .foo { color: green; }

现有的模板样式

搜索框中输入contentmodel:sanitized-css即可查询已经创建的模板样式。

已转换的模板

已转换到调用模板样式的模板可在说明页上加上{{模板样式|某页面}}

维护

要将模板样式加入到分类,使用以下语法:

/* [[Category:分类名称]] */

参见