用戶:魔琴/gadgets/legacy-2022
2023年8月,Vector 2022 成為本站預設皮膚。部分用戶可能更習慣舊的界面,這裏提供一點點自訂界面的工具。
有些沒什麼用,有些存在bug,權當拋磚引玉了。文末有省流版(tl;dr)。
經典個人欄
顧名思義,將個人欄(#p-personal)從下拉菜單改為經典樣式,同時把搜索欄改到了個人欄的下方,避免個人欄的連結擠壓搜索欄。此外由於一個我不知道怎麼修的bug,我將粘性頂欄的個人欄隱藏了
安裝
在您的common.js或vector-2022.js加入以下代碼:
mw.loader.load('/w/index.php?title=User:魔琴/gadgets/legacy-2022/personal.js&action=raw&ctype=text/javascript');
原始碼
舊版本
實現這個功能的腳本曾經以「Expand Personal」的名字開發,後來本功能獨立出來共同維護。Expand Personal 只是將下拉菜單展開,並沒有更改搜索欄的位置。目前 Expand Personal 不會經常維護。
載入 Expand Personal 的方式是:
mw.loader.load('/w/index.php?title=User:魔琴/public/expand-personal/test.js&action=raw&ctype=text/javascript');
原始碼位於:
經典目錄
這個腳本帶回了經典目錄。不過只會在正文第一個標題之前插入,不受__TOC__
等等強制指定目錄位置的wikitext的影響。
本腳本作者為User:Phlsph7,這裏僅稍作修改漢化。
安裝
在您的common.js或vector-2022.js加入以下代碼:
mw.loader.load('/w/index.php?title=User:魔琴/gadgets/legacy-2022/toc.js&action=raw&ctype=text/javascript');
原始碼
經典語言欄
把語言欄挪回左下角;語言較多時自動摺疊(顯示部分語言),點擊可以展開。
實現方式是用jQuery點擊粘性頂欄的「更多語言」按鈕,讓頁面載入各語言信息……所以,如果您在頁面載入沒多久就開始選中或者編輯文本,您的光標可能忽然跳掉()
為什麼不去wikidata抓信息?因為跨語言連結不在wikidata裏面🤔
安裝
在您的common.js或vector-2022.js加入以下代碼:
mw.loader.load('/w/index.php?title=User:魔琴/gadgets/legacy-2022/lang-list.js&action=raw&ctype=text/javascript');
原始碼
全部挪到左邊
Vector 2022 把側欄那些「與本頁面有關」的連結移到了頁面工具裏邊(展開就是右側欄),如果不習慣的話可以移到左邊。
安裝
在您的common.js或vector-2022.js加入以下代碼:
mw.loader.load('/w/index.php?title=User:魔琴/gadgets/legacy-2022/back-to-left.js&action=raw&ctype=text/javascript');
原始碼
側欄連結統一
你可能發現左側欄和右側欄,有些連結的樣式不對。那是因為 Vector 2022 的原生側欄連結追加了一個mw-list-item
的class,而你用的那些小工具沒有跟進。那怎麼辦呢?
安裝
- 將以下代碼加入到您的common.css或者vector-2022.css的頂部(@import語法基本只能加在css的頂部):
@import url("/w/index.php?title=User:魔琴/gadgets/legacy-2022/adjust-sidebar-dlc.css&action=raw&ctype=text/css");
- 如果您希望用JavaScript載入,則在您的common.js或vector-2022.js加入以下代碼:
mw.loader.load('/w/index.php?title=User:魔琴/gadgets/legacy-2022/adjust-sidebar-dlc.css&action=raw&ctype=text/css', 'text/css');
- 如果您想直接抄css,在您的common.css或者vector-2022.css任意位置加入{{subst::User:魔琴/gadgets/legacy-2022/adjust-sidebar-dlc.css}}即可。
原始碼
側欄連結緊縮
原生側欄連結行間距太大了,可以緊縮一點。本工具可以與上一個一同使用。
安裝
- 將以下代碼加入到您的common.css或者vector-2022.css的頂部(@import語法基本只能加在css的頂部):
@import url("/w/index.php?title=User:魔琴/gadgets/legacy-2022/adjust-sidebar-dense.css&action=raw&ctype=text/css");
- 如果您希望用JavaScript載入,則在您的common.js或vector-2022.js加入以下代碼:
mw.loader.load('/w/index.php?title=User:魔琴/gadgets/legacy-2022/adjust-sidebar-dense.css&action=raw&ctype=text/css', 'text/css');
- 如果您想直接抄css,在您的common.css或者vector-2022.css任意位置加入{{subst::User:魔琴/gadgets/legacy-2022/adjust-sidebar-dense.css}}即可。
原始碼
寬式頁面工具
「頁面工具」展開後右側有很大空白,然而工具欄本身不夠寬,有些連結要換行。我們利用右側空白,把頁面工具改寬:
安裝
- 將以下代碼加入到您的common.css或者vector-2022.css的頂部(@import語法基本只能加在css的頂部):
@import url("/w/index.php?title=User:魔琴/gadgets/legacy-2022/wide-page-tools.css&action=raw&ctype=text/css");
- 如果您希望用JavaScript載入,則在您的common.js或vector-2022.js加入以下代碼:
mw.loader.load('/w/index.php?title=User:魔琴/gadgets/legacy-2022/wide-page-tools.css&action=raw&ctype=text/css', 'text/css');
- 如果您想直接抄css,在您的common.css或者vector-2022.css任意位置加入{{subst::User:魔琴/gadgets/legacy-2022/wide-page-tools.css}}即可。
原始碼
傳統logo
雖然這很佔位置,但如果你想看到傳統的logo……也行。不過傳統logo太佔位置,建議與「經典個人欄」同時使用。
安裝
打開您的common.js或vector-2022.js:
- 僅傳統logo:加入以下代碼
mw.loader.load('/w/index.php?title=User:魔琴/gadgets/legacy-2022/logo.js&action=raw&ctype=text/javascript');
- 傳統logo以及「經典個人欄」同時使用時,如果引用兩個腳本會有問題。這時不要使用「經典個人欄」的腳本,並加入以下代碼
mw.loader.load('/w/index.php?title=User:魔琴/gadgets/legacy-2022/logo-and-personal.js&action=raw&ctype=text/javascript');
原始碼
標籤移到標題上面
Monobook和舊版Vector中,頁面標籤都在標題上面;新版Vector(2022)中他們交換了位置。如果你想移回去……
安裝
在您的common.js或vector-2022.js加入以下代碼:
mw.loader.load('/w/index.php?title=User:魔琴/gadgets/legacy-2022/monobookmark.js&action=raw&ctype=text/javascript');
原始碼
標籤上色
給新版Vector的頁面標籤上經典的藍色。
安裝
- 將以下代碼加入到您的common.css或者vector-2022.css的頂部(@import語法基本只能加在css的頂部):
@import url("/w/index.php?title=User:魔琴/gadgets/legacy-2022/gradient-bookmark.css&action=raw&ctype=text/css");
- 如果您希望用JavaScript載入,則在您的common.js或vector-2022.js加入以下代碼:
mw.loader.load('/w/index.php?title=User:魔琴/gadgets/legacy-2022/gradient-bookmark.css&action=raw&ctype=text/css', 'text/css');
- 如果您想直接抄css,在您的common.css或者vector-2022.css任意位置加入{{subst::User:魔琴/gadgets/legacy-2022/gradient-bookmark.css}}即可。
原始碼
藍色關注星星
給代表監視的星星的顏色換成藍色。
安裝
- 將以下代碼加入到您的common.css或者vector-2022.css的頂部(@import語法基本只能加在css的頂部):
@import url("/w/index.php?title=User:魔琴/gadgets/legacy-2022/blue-watch-star.css&action=raw&ctype=text/css");
- 如果您希望用JavaScript載入,則在您的common.js或vector-2022.js加入以下代碼:
mw.loader.load('/w/index.php?title=User:魔琴/gadgets/legacy-2022/blue-watch-star.css&action=raw&ctype=text/css', 'text/css');
- 如果您想直接抄css,在您的common.css或者vector-2022.css任意位置加入{{subst::User:魔琴/gadgets/legacy-2022/blue-watch-star.css}}即可。
原始碼
Nclm式樣式
測試。原作者為User:Nclm,來自其global.css的歷史版本meta:Special:Diff/24826755,稍作修改。
原始碼在User:魔琴/gadgets/legacy-2022/nclm.css
省流版
- 經典個人欄:User:魔琴/gadgets/legacy-2022/personal.js
- 經典目錄:User:魔琴/gadgets/legacy-2022/toc.js
- 經典語言欄:User:魔琴/gadgets/legacy-2022/lang-list.js
- 全部挪到左邊:User:魔琴/gadgets/legacy-2022/back-to-left.js
- 側欄連結統一:User:魔琴/gadgets/legacy-2022/adjust-sidebar-dlc.css
- 側欄連結緊縮:User:魔琴/gadgets/legacy-2022/adjust-sidebar-dense.css
- 寬式頁面工具:User:魔琴/gadgets/legacy-2022/wide-page-tools.css
- 傳統logo:User:魔琴/gadgets/legacy-2022/logo.js
- 與「經典個人欄」一起使用時,僅用User:魔琴/gadgets/legacy-2022/logo-and-personal.js
- 標籤移到標題上面:User:魔琴/gadgets/legacy-2022/monobookmark.js
- 標籤上色:User:魔琴/gadgets/legacy-2022/gradient-bookmark.css
- 藍色關注星星:User:魔琴/gadgets/legacy-2022/blue-watch-star.css
如果你都想用……
打開偏好設定,選擇外觀標籤,在外觀中選擇「舊版Vector(2010)」,並點擊「儲存」,即可一勞永逸,沒有後顧之憂。