Help:模板樣式

模板样式(TemplateStyles)是允许非管理员用户写入和管理模板的CSS样式的功能。它允许编辑模板的贡献者区分内容及外觀。這是網頁上的良好實踐,可使管理模板输出变得容易。

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

  • 它使模板在移动设备上工作更佳。
  • 它减少了在应用CSS规则的位置问题上的混乱。
  • 编辑CSS(尤其是像Mediawiki:Common.css的全局样式表)目前只限于管理员,这是参与编辑模板主要的障碍。
  • 过往所有与模板相关的样式都放在全局样式表中(Mediawiki:Common.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; }

/* 僅在行動版頁面中使用 */
body.skin-minerva .foo { color: green; }

/* 在列印版本條目命名空間中隱藏 */
@media print { body.ns-0 .foo { display: none !important ; } }

现有的模板样式

被多个模板共享的css样式,全部放在Template:ShareCSS的子页面。

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

已转换的模板

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

之后这些模板会归入分类:使用模板样式的模板分类中,你可以在这个分类中找到这些模板。

維護

要將模板樣式加入到分類,使用以下語法:

/* [[Category:分類名稱]] */

外部链接

参见