Colmod 組件指南
評分: +4+x

致,那些想使用多重摺疊頁,但底部的「- 隱藏」多到頭皮發麻的人

這個是範例


這個是上面所使用的代碼

[[include :scp-zh-tr:component:coltop
|show=+ 上方展開
|hide=- 上方隱藏
|ifprot=0
|nohide=0
|folded=1
]]

這裡是內部

[[include :scp-zh-tr:component:colend
|nohide=0
|hide=- 下方隱藏
]]


如果你看見的顏色跟我是相同的,上面應該會是紅色綠色藍色三個部分。所以,以下將拆成2+1個部分來講解。

第1節:Coltop

這是它的連結 http://scp-zh-tr.wikidot.com/component:coltop,如果你懶得看的話,這是它的程式碼:

[[module css]]
@import url('http://scp-int.wikidot.com/component:colstyle/code/1');
[[/module]]

[[include :scp-zh-tr:component:coltop-deep
ifprot={$ifprot}|ifprot=0
|nohide={$nohide}|nohide=0
|folded={$folded}|folded=1
|hide={$hide}|hide=- 隱藏
|show={$show}|show=+ 展開]]


每一個,你看到是文字前面有「$」號並用大括號包起來的(像是{$ifprot}),就代表它是可以在include的過程中填入的參數。如果有程式語言基礎的人,你可以把它理解成傳值呼叫。而以下將一一解說:
  • ifprot:讓你的按鈕更像按鈕,而不是醜陋的超連結文字,還會置中,預設值為 0。允許值 0(不啟用)1(啟用)
  • nohide:控制隱藏鈕是否要不存在,預設值為 0。允許值 0(否定,即讓隱藏鈕存在)1(同意,即讓隱藏鈕不存在)
  • folded:設置你的折疊頁一開始是不是摺起來的,預設值為 1。允許值 0(預設展開)1(預設折疊)
  • show:設置你在摺疊頁是收合狀態時的按鈕顯示文字,預設值為 + 展開。允許值 任意純文字
  • hide:設置你在摺疊頁是展開狀態時的按鈕顯示文字,預設值為 - 隱藏。允許值 任意純文字

第2節:中間的內容

這裡是內部


好,該死,這堂課就像是個營養學分一樣。總之,中間可以放大部分的東西。我會這麼說是因為,我以前有遇過某些div或module跟這個東西不合的情況,可能只是暫時的bug,也可能不是。結論就是,把你想要放的東西都放進去就好了,出問題再說。

第3節:Colend

這是它的連結 http://scp-zh-tr.wikidot.com/component:colend,如果你懶得看的話,這是它的程式碼:

[[include :scp-zh-tr:component:colend-deep
|nohide={$nohide}|nohide=0
|hide={$hide}|hide=- 隱藏]]


好,在你看過第1節之後,這裡會輕鬆許多。一樣,我也來講解一下裡面的參數是什麼:
  • nohide:控制隱藏鈕是否要不存在,預設值為 0。允許值 0(否定,即讓隱藏鈕存在)1(同意,即讓隱藏鈕不存在)
  • hide:設置你在摺疊頁是展開狀態時的按鈕顯示文字,預設值為 - 隱藏。允許值 任意純文字

Q:嘿,Viken-K,你不就只是照抄下來嗎?

A:嗯……對啊,要不然呢?

Q:那它跟上面差在哪裡?

A:你問了一個很有趣的問題。首先,你要知道摺疊頁的上、下兩個按鈕分別是半獨立的component,它們有著自己的變數,但要合在一起使用才會是完整的。所以如果你回頭看我最上面示範用的代碼,你會看到我把Coltop的hide參數設置成- 上方隱藏,而Colend的則設置成了- 下方隱藏,你點開那個摺疊頁就能看出效果了。再來,nohide參數也是一樣,Coltop和Colend可以各自控制它們自己的隱藏按鈕要不要留下來。


應用

在這裡,我將只以我最上面的範例做單參數修改,去觀察一下發生了什麼變化,而混和型的修改你們就自己去嘗試吧。

Coltop:

1. ifport=0


2. nohide=1


3. folded=0


Colend:

1. nohide=1


臨終叮嚀

好,希望這些內容可以幫助你更熟練的駕馭這頭野獸,並為你的文章設計出更加合適的折疊頁。但在這裡還是要提醒兩點:

  • 你可以自由地把複數個折疊頁套疊成巢狀結構,這就是這個組件主要的目的。但請記得,上方的Coltop只會跟下方的Colend組合,並且最近的兩個Coltop和Colend才會合成一組,在大量使用的時候別搞混了。
  • 這個組件因為在後台有使用到module,所以你修改後必須儲存才能看到效果。

以上就是我全部的內容,希望能幫到你。如果有遇到任何問題也可以PM或是在聊天室找我,你最誠摯的,Viken。

除非特別註明,本頁內容採用以下授權方式: Creative Commons Attribution-ShareAlike 3.0 License