維基百科:徵求意見/模板樣式

由屠麟傲血在話題導言上作出的最新留言:4 天前

導言

編輯

以下徵求意見頁面是MediaWiki:Common.css和相關CSS中需要轉換為模板樣式的列表,這些樣式由於多種原因需要轉換為模板樣式,可參考en:MediaWiki talk:Common.css/to do

設立這個徵求意見的目的,一是需要管理員和用戶協助找出需要轉換為模板樣式的列表並需要管理員協助處理;二是一些手動調用CSS類的頁面上的樣式在遷移後將會丟失,需要用戶在此反饋並尋求共識,這會是一個很漫長的過程。

--Dabao qian 2024年8月13日 (二) 16:59 (UTC)回覆

@Dabao qian恕我吐槽,建議您再讀一次您的文本,例如所有管理員,甚至絕大多數模板都只是受到模板保護而不是全保護,管理員要怎麼被保護?想問一下您覺得哪些內容應該要被拆出去,拆出去後應該拆給什麼模板?--SunAfterRain 2024年8月13日 (二) 17:07 (UTC)回覆
hlist、plainlist、navbox、navbar、infobox、hatnote、mbox等--Dabao qian 2024年8月13日 (二) 17:24 (UTC)回覆
下面那個樣式抖動的問題,可以把css轉移到小工具(gadget)里並開啟style模式,這樣css就直接寫入<head>而不是跟隨js的加載而加載。--屠麟傲血留言2024年9月13日 (五) 15:33 (UTC)回覆

為什麼要遷移

編輯
  1. 允許普通用戶和管理員更改全站的樣式。自2018年以來,只有界面管理員(即沒有多少人)可以編輯Common.css,而CSS表中的大多數樣式都相當無害。所以,將樣式移至模板樣式並移出Common.css以允許更多用戶(所有管理員,甚至模板編輯員)能夠對廣泛使用的樣式進行更改。
  2. 提升所有頁面的加載速度。Common.css中的每個樣式規則,無論在特定頁面上使用與否,都會加載到所有頁面上。例如,如果您創建了一個小作品並且它沒有導航框,它仍會獲取導航框、信息框、水平列表等元素的樣式,直到樣式集列表為空,這意味着對每個人而言所有頁面的加載速度都會略微降低。
    這在流動裝置上影響最大,目前流動裝置的瀏覽量約佔所有瀏覽量的2/3。
  3. 將移動端樣式設計的權力交還給本地編輯者。目前,由於以下幾個原因,Common.css中的許多樣式尚未移植到移動端。
    1. 主要原因是MediaWiki:Mobile.css是在特定頁面的其餘部分之後加載而不是在它們之前加載。所以,向其中添加樣式可能會導致FOUC(加載時頁面抖動),這通常對用戶體驗和現今的搜尋引擎優化都不利(如果您沒有興趣,您實際上不需要關心第二條)。
    2. 第二個原因是基金會或多或少地彌補了我們的頁面在流動裝置上的顯示效果所造成的缺陷。
    現在,無論您是否喜歡移動版樣式,編輯者都應該決定維基內容在流動裝置上的顯示方式。

如何遷移

編輯

遷移需要三個主要步驟(不一定按此順序或連續進行):

  1. 遷移與Common.css中的每個CSS類最相關的模板和模塊以使用或允許使用模板樣式。
    或者對於某些模板/模塊,從全站CSS中完全移除樣式,並使用內聯樣式而不是模板樣式,這在需要替換引用的模板中最為常見,而模板樣式並不適用。
  2. 遷移大量使用Common.css中的CSS類的非模板和模塊,以使用模板和模塊而不是CSS類(有時需要完全刪除而不是遷移)。進行遷移是因為在第三步中將:
  3. 從Common.css中刪除樣式。

第一步中的編輯主要在後台進行,因為模板編輯員基本上是唯一需要對這些內容感興趣的人。

但是第二步中的編輯發生在模板和模塊空間之外。第三步的結果是,如果沒有合適的模板來提供樣式,則手動調用CSS類的頁面上的樣式將會丟失。

執行此類編輯的用戶會儘可能用適當的模板替換CSS類的使用。他們並不總是能做到正確,所以如果您發現他們替換錯誤或者沒有以您預期的方式進行替換,請嘗試糾正編輯(如果您知道如何替換的話),或者詢問編輯者如何做出更好的更改,而不是儘可能地恢復原狀。

編輯
更新清單
待處理

--Dabao qian 2024年8月25日 (日) 15:01 (UTC)回覆

待整理

Plainlist

編輯

待整理

Infobox

編輯

待整理

Hatnote

編輯

待整理

Plainrowheaders

編輯

待整理

messagebox

編輯

待整理

common.css上定義的messagebox樣式會影響到圖像位於c區的本地圖像描述頁,因為c區部分圖像描述頁上的模板會使用messagebox。我不太確定本地和C區圖像描述頁上的css優先級到底如何,刪除common.css上的messagebox是否會造成圖像描述頁上的樣式失效?之前改common.css主要就是為了解決這個問題--百無一用是書生 () 2024年8月14日 (三) 03:45 (UTC)回覆

可以提供具體案例,然後在URL後附加參數?safemode=1進行調試--Dabao qian 2024年8月14日 (三) 10:06 (UTC)回覆