社区中心
Advertisement

圖庫用於展示一組上傳的文件視頻。圖庫有2種版式:Fandom圖庫,在Fandom wiki上使用;MediaWiki圖庫,在傳統Gamepedia wiki上使用。下面將對這兩種版式進行更詳細的說明。

基礎語法[]

創建圖庫的基礎wikitext語法如下。默認情況下,說明顯示在圖像下方,但此行為可能會根據圖庫類型或模式而改變。link(鏈接)參數的功能與圖像縮略圖鏈接相同。

<gallery widths=150>
Example.jpg
Example.jpg|說明文字
Example.jpg|link=Help:Contents
Example.jpg|[[Help:Links|帶鏈接的]]說明|link=Help:Contents
...
</gallery>

Fandom圖庫[]

Fandom wiki使用Fandom圖庫版式,它與MediaWiki默認圖庫版式有很大不同。

類型[]

Fandom圖庫支持3種顯示類型,其中2種通過<gallery>標籤內的type(類型)參數控制:

  • <gallery>是默認的靜態圖像網格。說明顯示在每個圖像的下方。
  • <gallery type="slideshow">創建一個用戶可以手動瀏覽的圖像幻燈片。說明僅在鼠標懸停時以覆蓋層的形式顯示。
  • <gallery type="slider">創建一個藝術風格的自動幻燈片,最多4幅圖像。說明顯示為圖像標題——在每個圖像的末尾使用|linktext=來顯示更多說明文字。

以下是各顯示類型的示例:

默認圖庫
Slideshow(幻燈片)
Slider(自動幻燈片)
說明1
說明2
說明3

說明1

描述1

讀更多 >

說明2

描述2

讀更多 >

說明3

描述3

讀更多 >

說明1
說明2
說明3


參數[]

Fandom圖庫可在<gallery>標籤內設置以下可選參數,可以使用的參數取決於圖庫類型。

默認圖庫[]

描述 版式選項 默認值
最大圖像寬度(像素) widths=[數字] 185
每行圖像數 columns=[数字] 自適應頁面寬度
圖庫位置 position=[left/center/right](左/中/右) left
圖像間距 spacing=[small/medium/large](小/中/大) medium
圖像方向和裁剪 orientation=[none/landscape/portrait/square](無/橫向/縱向/正方形) none
說明位置 captionposition=[within/below](圖像內/下方) below
說明對齊 captionalign=[left/center/right](左/中/右) left
說明顏色 captiontextcolor=[顏色代碼] 條目文字顏色
說明大小 captionsize=[small/medium/large](小/中/大) medium
邊框厚度 bordersize=[none/small/medium/large](無/小/中/大) small
邊框顏色 bordercolor=[顏色代碼] 主題邊框顏色
圖庫說明 caption=[文字] 沒有說明
「導航」修飾符 navigation=[true/false](是/否) false

Slideshow(幻燈片)[]

描述 版式選項 默認值
最大圖像寬度(像素) widths=[数字] 300
裁剪 crop=[true/false](是/否) false
顯示最近上傳 showrecentuploads=[true/false](是/否) false
Slideshow位置 position=[left/center/right](左/中/右) right
Slideshow說明 caption=[文字] 沒有說明

Slider(自動幻燈片)[]

描述 版式選項 默認值
縮略圖位置 orientation=[bottom/right](底部/右側) bottom

MediaWiki圖庫[]

傳統Gamepedia wiki使用MediaWiki圖庫版式。

模式[]

MediaWiki圖庫支持多種顯示模式,通過<gallery>標籤內的mode(模式)參數控制:

  • traditional是默認的靜態圖像網格。說明顯示在每個圖像的下方。
  • nolinestraditional相同,但是圖像周圍沒有邊框或padding(填充)。
  • packednolines相同,但是所有圖像都裁剪為相同高度,圖像間有較小間距。
  • packed-overlaypacked相同,但是說明以覆蓋層的形式顯示在圖像上層。
  • packed-hoverpacked-overlay相同,但是每個圖像的說明僅在鼠標懸停在圖像上時以覆蓋層的形式顯示。
  • slideshow創建一個用戶可以手動瀏覽的圖像幻燈片。說明顯示在每個圖像的下方。

參數[]

MediaWiki圖庫可在<gallery>標籤內設置以下可選參數:

  • mode=traditional創建一個默認圖庫。其他可以使用的圖庫模式請見上方
  • caption="文字"在圖庫上方顯示圖庫的說明。只允許純文本。如果說明文字中有空格,必須使用一對半形雙引號(")包圍。
  • widths=[數字]px將每個圖像設為指定的最大寬度。注意參數名為複數形式(widths,不是width)。
  • heights=[數字]px將每個圖像設為指定的最大高度。注意參數名為複數形式(heights,不是height)。
  • perrow=[數字]強制圖庫每行顯示指定數量的圖像。默認值為0,會根據螢幕寬度自動調整圖像數。
  • showfilename=true會在每個圖像的說明中顯示其文件名。
  • showthumbnails只支持mode=slideshow模式,會在幻燈片下方顯示一行縮略圖。

導航圖庫[]

導航圖庫會在用戶在點擊圖像時跳轉到指定頁面。這對有單獨頁面的角色、劇集等組成的圖庫非常實用。在移動版網頁上,導航圖庫會為觸摸屏設備優化顯示效果。MediaWiki和Fandom兩種版式都支持導航圖庫。

要將圖庫設為導航圖庫,需要在<gallery>標籤內加入navigation=true。然後,使用|link=頁面名稱為每個圖像設置鏈接。例如,上方的圖庫可以使用以下代碼轉換為導航圖庫:

<gallery navigation=true>
Example.jpg|說明1|link=Help:Editing
Example.jpg|說明2|link=Help:Adding images
Example.jpg|說明3|link=Help:Videos
</gallery>

在可視化編輯器中加入圖庫[]

圖庫也可以通過可視化編輯器及其源代碼模式的可視化介面中加入。但是,圖庫參數只能通過修改wikitext源代碼來編輯。

  • 點擊頁面上的「編輯」按鈕。
  • 把編輯區域內的光標放置在想要放置圖庫的位置。
  • 點擊打開編輯器工具欄的「插入」下拉菜單,選擇「圖庫」。之後會彈出圖庫構建對話窗口。
  • 在「搜尋圖片」文本框輸入File:頁面的名稱。在你輸入的同時,匹配輸入內容的圖像和視頻會出現在下方空白處。繼續輸入,直到找到需要的圖像/視頻,然後點擊選擇它。選擇後,其縮略圖會出現在右側「在圖庫中」標題下的列表內,其較大版本會出現在左側,下方有「編輯標題」文本框。
  • 你可以輸入圖像的說明(或留空),然後點擊文本框末尾的對勾按鈕。你應該會短暫看到消息「已成功儲存標題」,然後有之前搜索結果的搜索功能會再次出現。
  • 繼續搜索選擇所有其他需要的圖像/視頻。
  • 在任何時候,你都可以對「在圖庫中」列表進行以下修改:
    • 點擊圖像/視頻下方的×來刪除它
    • 點擊圖像/視頻下方的鉛筆圖示來編輯說明
    • 拖動列表內的圖像/視頻來變更展示順序
  • 完成後,點擊圖庫構建窗口右上角的「插入」按鈕。窗口會關閉,圖像/視頻會顯示在編輯區域內。注意:編輯區域的顯示效果可能與實際顯示效果不同,你可能需要保存頁面才能看到正確的版式。
  • 返回編輯區域後,點擊圖庫區域會在圖庫側邊顯示圖庫「編輯」按鈕,你可以點擊按鈕進一步變更圖庫內容。
  • 保存頁面以完成變更。

了解更多[]

更多說明和意見回饋[]

Advertisement