使用筆記/佈景主題篇

該頁面的編輯正在進行中。 ^討論

請幫助我們擴充或改進這篇文章。

佈景主題（Skin），作為站台的臉面，自然不能隨便糊弄。MediaWiki.org上有記錄的所有佈景主題在這裏可以看到。

但是，佈景主題的完整程度、美觀程度、流動端適配能力等，可能會隨着時間而變得不那麼適合現代需求。以下會介紹一些佈景主題。

Timeless

主條目：mw:Skin:Timeless

Timeless的預覽圖。

Timeless是一款非常好看、完整，適用於各種熒幕尺寸且同時顧及編者和讀者需要的佈景主題。

除了在圖示搭配上不太符合Material Design式的審美，這是一款相當可用的佈景主題。它也被用於維基媒體基金會寄存的wiki上，比起單調而經典的Vector來説，Timeless算是新鮮血液了。

Timeless是MediaWiki提供的安裝壓縮檔的內建佈景主題之一。

背景圖片設置

Timeless預設的背景是一個透明的貓的svg圖片。如果你希望改成別的，比如你站Logo的灰度透明化版本，那麼需要填寫$wgTimelessBackdropImage這個本地設置。我的組態是"/images/1/10/Backdrop.svg"，這樣可以透過MediaWiki本身的檔案管理追蹤背景圖片。

Vector

主條目：mw:Skin:Vector

Vector的預覽圖。

Vector是一款相當經典的佈景主題，維基百科的預設佈景主題就是它。

隨着時代變遷，Vector已經逐漸不再符合現代要求了。其內建的實驗性響應式設計的效果不理想，而且「新版Vector」也有一些倒退的嫌疑。

它仍然是一款好佈景主題⸺但是除非新版Vector能讓它華麗轉生，否則它很可能會步Monobook、Modern之後塵。

Vector是MediaWiki提供的安裝壓縮檔的內建佈景主題之一。

啟用響應式設計 

使用本地設置$wgVectorResponsive。

需要注意的是，1.36之後需要額外設置$wgVectorDefaultSkinVersion = '2';。

Minerva Neue

主條目：mw:Skin:MinervaNeue和mw:Extension:MobileFrontend

Minerva Neue的流動端預覽圖。

Minerva Neue是一款針對流動端設計的佈景主題，與MobileFrontend搭配效果更佳。

優勢 

由於一開始就是MobileFrontend的附屬品，所以和MobileFrontend的相性很好。

同樣的，這也是wmf寄存的wiki所使用的佈景主題，因此相對功能也做的比較完整，比較穩定。

Sitenotice

使用$wgMinervaEnableSiteNotice這個本地設置。注意由於流動版頁面的CSS和JavaScript載入有延遲，因此如果你的Sitenotice使用了一些自訂JavaScript，請務必檢視在流動版是否在JavaScript載入前顯示正常。

問題 

• 側邊欄不支援自訂。需要使用JS等非佈景主題內部方式。
• 本身沒有從色彩角度開發，因此如果要自訂也只能自己寫CSS，沒有內部方式。
• 通知按鈕有時會超出頁面寬度。
• 截至最後一次編輯，Safari瀏覽器上點擊左上角選單按鈕後直接關閉選單會導致頁面凍結。
• 桌面端效果不佳，一般來説桌面端不會使用此佈景主題，雖然其一直在嘗試適配桌面端體驗。
• 由於MobileFrontend的加持，部分class可能會被隱藏掉。原本這是一種「流動端最佳化」，但是有可能反而會把你需要的內容給隱藏掉。

Citizen

主條目：mw:Skin:Citizen

Citizen的預覽圖。

Citizen是星際公民百科設計的一款佈景主題，擁有一定的Material Design設計。和Timeless一樣，它也原生支援響應式設計，並且內建亮色/暗色模式。

注意

有關適合這款佈景主題的首頁設計和模板等，參見星際公民百科。

Cosmos

主條目：mw:Skin:Cosmos

Cosmos的預覽圖。

Cosmos參照Fandom平台的桌面端佈景主題Oasis並致力於改進其體驗。其可以幫助從Fandom平台遷出的用戶平緩過渡到原版MediaWiki。

與PortableInfobox的聯動

主條目：mw:Extension:PortableInfobox和使用筆記/擴充程式篇§PortableInfobox

PortableInfobox在移植出Fandom舊平台時移除了Europa主題，而Cosmos對其做出了補充，可以透過一個設置打開Cosmos下的Europa資訊框主題。

側欄

頁面側欄（Rail）與Oasis的自訂方式不太一樣。Oasis上使用的是這個JS載入，但是Cosmos使用的是本地設置參數$wgCosmosEnabledRailModules和自訂系統訊息。

當然，如果設置了側欄，側欄的寬度會把實際頁面內容寬度擠掉一部分。如果你的頁面需要更寬的寬度去展示內容，也有對應的本地設置和魔術字。

問題 

Cosmos雖説是參照改進，但是在事實上應該是沒有形成自己的設計系統的⸺也就是説，雖然Oasis確實做得不太好，但是Cosmos所謂的改進也沒好到哪裏去。當然，開發者自己倒是感覺十分良好。

Evelution

主條目：mw:Skin:Evelution

Evelution的預覽圖。

Evelution是一款致力於還原FandomDesktop的佈景主題。目前仍處於活躍開發狀態。

其也附有主題設計器，基於CSS變數。

Lakeus

主條目：mw:Skin:Lakeus

Lakeus的預覽圖。

Lakeus是由本站站長開發的全功能簡易佈景主題，以其小説角色湖遠星命名，支援透過CSS變數自訂，附帶一個（大概不怎麼好用的）主題設計器。這也是本站的預設佈景主題。