FANDOM


Infobox-mlp

訊息框的例子

訊息框(Infoboxes) 是設計用來展現一個頁面主題精簡內容的工具,它以有組織而能快速閱讀的方式呈現一些重要的資訊。訊息框中的一些欄位通常適用於整個wiki中不同的文章,以展現出一致性。訊息框一般會以模板來製作。

Imbox notice注意: Fandom已經開發了一套新的訊息框撰寫方式,可參見help:訊息框。本文介紹的是舊版的傳統訊息框的使用方式。

步驟

Fandom用戶一般可使用內建的訊息框模板,再自訂為適合wiki主題的樣式和內容。這裡即介紹要如何開始。

  • 打開一個文章頁進入可視 編輯模式。
  • 在「模板」區塊下的拼圖圖示中,點擊「infobox」的選項。會開啟一個彈出視窗來編輯你的訊息框。
  • 每個wiki的訊息框的欄位不一定一樣,但有一些基本的部分:
  • 標題(box title) - 你的訊息框頂部顯示的名稱,通常會是該頁面的名稱,例如魯夫
  • 圖片(Image) - 你想要顯示的圖片的檔案名稱,例如魯夫.jpg
  • 圖片寬度(Imagewidth) - 你想要顯示圖片的寬度(以畫素來計算)例如:300px
  • 第一排資訊(Row 1 info) - 你想要放在第一排的資訊,例如:人類
  • 把要填的內容都填好,按下「預覽」來看看結果。
  • 當你增加資訊框的內容都填好後,點擊「ok」,並保存你的頁面。

恭喜完成了你的第一個訊息框!

你也可以使用源代碼模式來增加訊息框,一般來說可以剪貼一個模板說明文件(通常在模板頁的底部)上的格式到文章的頂部,把其中的字改成所需要的內容。 例如:

{{角色訊息框
 | 標題          = 魯夫
 | 圖片          = Example.jpg
 | 圖片說明      = 魯夫的圖像
 | 位置          = 船長
 | 年紀          = 19歲
 | 狀態          = 活躍
 | 身高        = 172公分
 | 生日        = 5月5日
}}

你可以編輯訊息框的源代碼來編輯其內容。如果你要使用標準的訊息框,該模板會位於你的wiki的t Template:Infobox

自訂新的訊息框

當你建立一個新的wiki時,會有一些預設變量的訊息框,但有可能這些變量都不是你所需要的。因此,要如何自訂訊息框以符合你的wiki的需求呢?

首先,你不需要了解如何「不」自訂一個訊息框。很多新的使用者錯把欄位中的代碼與要創建訊息框的代碼混淆了,那部分的代碼是用來讓訊息框在另一個頁面使用的。該代碼基本上的意思是「我想要把 template:角色訊息框 的內容放到這個頁面,而我想要用這些資訊來填進各個項目中」。這並不代表把資訊放到模板本身中,而是把模板放置在特定的頁面上。

我們可以看一下要如何自訂最基本的訊息框;就從每個wiki上面的Template:Infobox開始,其他的訊息框其實原理也一樣。

進入編輯畫面你會看到該頁的很多代碼,其中有可能很多你都不了解是什麼,但其中大多數你可以忽略,你只要注意模板中的這個部分:

|- 
! colspan="2" | <div class="wikia-infobox-section-header">主要欄位</div>

|-
! 第1欄
| {{{第1欄|''未知''}}}

|-
! 第2欄
| {{{第2欄|''未知''}}}

|-
! 第3欄
| {{{第3欄|''未知''}}}

|-
! colspan="2" | <div class="wikia-infobox-section-header">其他欄位</div>

|-
{{#if: {{{第4欄|}}} |
! 第4欄
{{!}} {{{第4欄}}}
| }}

|-
{{#if: {{{第5欄|}}} |
! 第5欄
{{!}} {{{第5欄}}}
| }}

|-
{{#if: {{{第6欄|}}} |
! 第6欄
{{!}} {{{第6欄}}}
| }}

其中第1欄到第6欄是你可以設定的欄位名稱。而「主要欄位」、「其他欄位」都也是你可以變更的。但我們還是從改變預設的部分開始。

這是上面訊息框的一些可以更改的欄位:

|-
! 第1欄
| {{{第1欄|''未知''}}}

第一個「第1欄」是會顯示在欄位旁的名稱,第二個「第1欄」是代碼中欄位的代稱,兩者都可以作修改。後面的第2欄、第3欄也一樣。我們給了以下的例子:

|-
! 出生日期
| {{{生日|''未知''}}}

而實際上放到文章頁中的代碼可能會是如下

{{Infobox
 | 生日= 23/11/1963
}}

它會整體會顯示如下

未知
主要欄位
出生日期 23/11/1963
其他欄位


除了上述第1到第3欄位之外,你可以用剪下複製結構再修改名稱的方式,增加更多的欄位:

|- 
! colspan="2" | <div class="wikia-infobox-section-header">主要欄位</div>

|-
! 出生日期
| {{{生日|''未知''}}}

|-
! 出生地點
| {{{出生地|''未知''}}}

|-
! 職業
| {{{職業|''未知''}}}

|-
! 家人
| {{{家人|''未知''}}}

在設定完預設的欄位之後,可能會有一些欄位,並非每個頁面都需要的,例如有些角色有綽號,有些沒有,因此綽號這個欄位不希望在每個頁面上都顯示,就可以用如下的語法:

|-
{{#if: {{{第4欄|}}} |
! 第4欄
{{!}} {{{第4欄}}}
| }}

如同之前的例子,中間那個「第4欄」是會顯示的名稱。而後面的「第4欄」是用以標示的代碼。但在這個例子中我們需要在第1個「第4欄」的地方,和第3個「第4欄」同名,例如:

|-
{{#if: {{{別稱|}}} |
! 又被稱作
{{!}} {{{別稱}}}
| }}

使用該欄位就跟上面一樣,但如果該欄位為空,它就不會顯示,

最後的部分就是「基本欄位」、「其他欄位」這兩格,是位在訊息框的上頭。你可以變更它們的名稱。而如果你不需要後者,也可以把那個區塊刪掉,或是再用剪貼修改的方式增加第3個格子。

讓我們把之前講過的合起來。該模板現在就會看起來是這樣:

|- 
! colspan="2" | <div class="wikia-infobox-section-header">基本資訊</div>

|-
{{#if: {{{別稱|}}} |
! 又被稱作
{{!}} {{{別稱}}}
| }}

|-
! 出生日期
| {{{生日|''未知''}}}

|-
! 出生地點
| {{{出生地|''未知''}}}

|-
! 職業
| {{{職業|''未知''}}}

|-
! 家人
| {{{家人|''未知''}}}

因為我們還沒有講另一部分,在使用模板時還有其他的部分。上面再加上其他的部分,我們在使用時會如下:

{{Infobox
 | title          = 魯夫
 | image          = Example.jpg
 | imagecaption   = 
 | imagewidth     = 
 | 別稱           = 草帽
 | 生日            = 5月5日
 | 出生地     = 佛夏村
 | 職業     = 船長
 | 家人         = 艾斯(哥哥)
}}

而看起來像是這樣:

魯夫
Example
基本資訊
又被稱作 草帽
出生日期 5月5日
出生地點 佛夏村
職業 船長
家人 艾斯 (哥哥)




恭喜!你已經完成你自訂的第一個訊息框了!要更改訊息框的外貌需要使用CSS,可參見Help:CSS

進階自訂

有些社區會用進階自訂CSS以及模板技術來製作很精美的訊息框。所有的代碼在Fandom上都是公開的,你可以參考他們的模板來看他們是怎麼作的,借用他們的想法來製作你自己的訊息框。

如果你還需要更多技術細節,你可以去問曾製作訊息框的用戶,或在社區論壇發問討論

例子

另參見

除了特别提示,社区内容遵循CC-BY-SA 授权许可。