模板:角色信息按鍵

天祿

模板文件[檢視] [編輯] [查看歷史] [清除快取]

現有角色按鍵目錄

示例

一行一個

不填寫配音演員

您所輸入的

{{角色信息按键|四不像}}

您所看到的

四不像

填寫配音演員

您所輸入的

{{角色信息按键|四不像|图特哈蒙}}

您所看到的

四不像
配音:圖特哈蒙

一行多個

使用 <div class='characters-list'>...</div> 將按鍵包裹

樣板

您所輸入的

<div class='characters-list'>
{{角色信息按键|辟邪}}
{{角色信息按键|二两}}
{{角色信息按键|兔爷}}
{{角色信息按键|谛听|藤新}}
{{角色信息按键|金角|咩咩}}
{{角色信息按键|银角|阎么么}}
</div>

您所看到的

辟邪

二兩

兔爺

諦聽
配音:藤新

金角
配音:咩咩

銀角
配音:閻麼麼

模板數據

此模板用於顯示出場角色。

模板參數

此模板以參數行內格式為優先。

參數		描述	類型	狀態
角色姓名	1	角色姓名 建議值 天禄辟邪四不像兔爷四不相小山雀巴赫巴陵君谛听风凰凤皇福仔翔太核桃金角银角壮壮荔枝吐宝鼠獬豸牧桑饕餮混沌夹竹桃战虎花椒盘湖擎火鲶鱼精当康白泽二两八斤松鼠大哥睚眦黄四慕容雪川靴猫靴下猫腰子晓航图图竹子梼杌 預設 四不像	行	必填
配音演員姓名	2	配音演員名稱，不填寫時將不會顯示。 預設 無	行	必填
自定義圖片	自定义图片	此參數用於自定義按鈕使用圖片。	行	不建議使用

連結實現細節

MediaWiki要求wikitext中的連結只能使用[[]]或[]的格式。模板引擎會自動移除<a>等禁止直接使用的HTML元素。此外，模板引擎也不允許在連結文本中嵌入另一個連結（注意HTML標準並不允許嵌套<a>元素）或者圖片（即使通過link=移除了可點擊的<a>）。這限制了連結的靈活度，不方便使整個按鈕區域都成為可點擊的hotspot。為了繞過這一技術限制，本模板使用了一個占位元素<div class="character-bg">覆蓋在按鈕上作為連結的點擊區域。在版本53726前，本模板使用File:灰色背景.png作為連結的占位符並利用圖片連結才可使用的link=參數建立了到角色頁的連結。

即使MediaWiki沒有限制<a>元素，想僅憑模板魔術字模擬wikitext原生連結的效果也是較為困難的。到不存在頁面的連結應該顯示為紅鏈，模板中判斷目標頁面是否存在可以使用#ifexist解析器函數，但大量使用它會帶來性能問題。

版本53727嘗試使用aria-hidden="true"屬性來對屏幕閱讀器隱藏占位符.character-bg內的連結，以避免與.character-name-comic內的連結重複。然而僅這麼做不能改變<a>連結的focusable狀態，使用鍵盤Tab鍵仍能選中占位元素連結。解決此問題需要給<a>元素設置tabindex="-1"屬性，然而受上文提到的技術限制無法在wikitext的層面做到（另見 commit b186b20），若確實有此需求可能更適合用javascript完成。

有意移除占位元素的編者亦可嘗試給.character-name-comic內的<a>設置較大的padding。但注意不應過分影響樣式代碼的可讀性和複雜度。

上述文檔內容嵌入自Template:角色信息按鍵/doc。（編輯 | 歷史）
編者可以在本模板的沙盒（創建 | 鏡像）和測試樣例（創建）頁面進行實驗。
請將模板自身所屬的分類添加在文檔中。本模板的子頁面。