FANDOM


主題設計器(Theme Designer)或稱主題版面設計,是一個讓管理員方便使用的工具,可以讓你很快地自訂你的維基的樣式(主題)和標誌。

可以由已經有的樣式中選擇,或是設計適合你的維基的主題和社群的獨特樣式。

Fandom课堂-界面设计02:27

Fandom课堂-界面设计

Fandom课堂-定制化社区图标02:00

Fandom课堂-定制化社区图标

步驟

作為一個wiki的管理員,你可以在工具欄中的我的工具欄位中,或是可以在管理員面板中找到。你也可以直接連到Special:Themedesigner這個頁面。

進入之後,你可以選擇三個按鈕:

  • 主題(Themes): 從已有的各種主題(樣式)中選擇,可以選擇完全使用或是加以調整。
  • 自訂(Customize): 選擇背景,标题栏的图标以及頁面的特性。
  • 標誌(Wordmark): 填写社区名称,也可以上傳一個特別的圖形標誌或是增加一個网站图标.

所有的更改可以直接在下面的預覽區中看到,你在正式儲存以前可以看看你設計的樣式會看起來如何。

Theme designer

樣式(主題)

你可以從11種預設的樣式中,點擊想要的,這會使設計器下面顯示預覽,如果你想要對所選擇的樣式作部分的調整,點擊「自訂」的按鈕,然後可以調整連結、按鈕顏色等等。

Theme designer - theme tab

自訂

  • 背景(background): 背景是在內容區之外,並在你的維基任何頁面都會顯示的區域。
    • 用顏色選擇器來選擇你要的背景顏色。
      • 「中間」背景顏色會視你的其他設定,在較大尺寸的銀幕中顯示。
    • 你可以選擇在圖案選擇器中的一個圖案,來增加你的背景設計。有些圖案是透明,會顯示你已經設定的背景顏色。
    • 如果你想要增加你自己的背景圖案,在圖案選擇器中使用上傳檔案。你可以使用 .jpg, .png or .gif.等檔案格式。最大的檔案限制是300 kilobytes. 背景圖案可以在較大的銀幕上分割成一半 (大部分的分隔線會被站的內容區域遮住)這使得背景圖案的同一部分,能保持與內容區域的邊緣契合,不論顯示器的大小如何。
      • Help:背景中有關於為社群自訂背景圖案進一步的資訊和建議,
      • 背景只能支持300KB的文件,而且很小,這是麻煩題,用Photoshop縮小文件大小,並不變像素。這樣就可以上傳大文件而且還不到300KB的文件,非常方便。
    • 你可以點擊"舖排"的格子,以便舖排(tile) 背景圖案 (以使它在頁面中重複出現)
      • 如果你不希望舖排這個圖案,它只會出現一次,在剩下的區域會顯示背景顏色。
    • 你可以選擇「固定」來固定圖案 (這樣它在你捲動頁面時就會固定在一個位置)
    • 對於寬度大於2000px的未舖排背景圖案,會有一個「不分割」的選項。使用「不分割」選擇會使它不會分割成一半(前面有提到) ,此外對你的內容區域增加透明度也會很有幫助。選了這個選項以後,內容區域會視看的人的銀幕大小而蓋住背景區域的不同部分。
  • 頁面(page): 頁面部分可控制按鈕、連結、頁眉和內容部分的顏色。
    • 按下各類的顏色樣式來改換顏色,顏色選擇器會出現讓你選擇顏色,或用顏色代碼來增加顏色。
    • 你可以用透明度滑標來改變內容區域的透明度。
Theme designer - customize tab

標誌

  • 標誌(wordmark)類似於logo,它是除了社区名称之外的一种图形标识,會顯示在每一個頁面。用戶可在維基上的任何一個頁面點擊標誌而進到首頁(主頁)。
  • 社区名称:
    • 社区名称将显示在社区最上方的标识右侧。你可以点击“主题设计器”-填写或更改“社区名称”-保存完成。
  • 標誌:
    • 你可以自行設計並上傳你的標誌。
    • 標誌只限.png 檔案,且必須大小是250x65像素或更小。
    • 標誌會儲存於File:Wiki-wordmark.png.
  • 网站标识:
    • 网站标识(Favicons)是在你的瀏覽器上方顯示的小圖標,常用於圖標或書簽中。
    • 你可以使用右邊的工具來上傳favicon,選擇要上傳的檔案並按下「上傳」就能完成。
    • 网站标识必須是16x16像素,并且必须是.ico格式。關於网站表示,您可以在這裡了解更多。
Theme designer - wordmark tab

儲存和以前的版本

  • 完成後,點選儲存,你的新樣式設計會很快地顯示。
  • 如果想要看或回復到過去的版本,你也可以在主題設計器達成。按下「以前的版本」下拉點擊特定時間的版本,可以看到過去板本的預覽,如要恢復成該版本可按儲存。
Theme designer - history

另參見

幫助及反饋

您使用了广告屏蔽软件!


Wikia通过广告运营为用户提供免费的服务。我们对用户通过嵌入广告屏蔽软件访问网站进行了使用调整。

如果您使用了广告屏蔽软件,将无法使用我们的服务。请您移除广告屏蔽软件,以确保页面正常加载。