這個幫助頁面將說明把其他的CSS和Javascript內容導入你的社區時,我們最建議的方式。
ImportJS[]
MediaWiki頁面MediaWiki:ImportJS提供了將有腳本的文章導入的界面-可以從該wiki本身或 Dev Wiki導入JS。
要使用這個功能,該wiki必須先啟用JS,如果尚未啟用,管理員可以使用Special:Contact/general來向工作人員申請。
這個功能與目前已有的 importArticles
非常相似,importArticles這個方法可以從其他wiki社區導入文章,並把幾篇文章打包成一個。並將之極簡化(minify)這減少了檔案的大小以及網頁需要的流量,讓Wiki載入檔案速度變快。
使用[]
MediaWiki:ImportJS 提供了簡單的文字頁面來導入本wiki中位於mediawiki命名空間的JavaScript。從Dev Wiki的導入也需要來自mediawiki命名空間頁面,當放置要導入的檔案時,MediaWiki命名空間不需要加入,例如:
//本地 JS 檔案 Cat.js // Dev Wiki 腳本 dev:AjaxRC.js
載入順序[]
當使用 ImportJS時,其中的頁面會最後載入,完整的載入順序是:
- Common.js
- Wikia.js 或 Monobook.js
- 由Common.js導入的腳本
- 由Wikia.js或 Monobook.js導入的腳本
- ImportJS
CSS導入[]
importArticles[]
使用上述的方法替代之後,importArticles在這裡只會介紹用於CSS的導入,關於使用importArticles來進行JS導入,參見 這個頁面。
importArticles 能使用於CSS樣式的導入,但因為要透過使用JavaScript,所以需要通過JS審核的過程。
例子[]
要使用importArticles來導入一個本wiki的CSS檔案,輸入:
importArticles({
type: "style",
article: "MediaWiki:Local.css"
});
@import method[]
使用 @import
,可以從任何Fandom社區上或是其他網站的(以css為網址結尾且包含Fandom外觀元素的檔案)CSS檔案中導入樣式。語法如下:
@import "path_to_file_to_import.css"
依照上面的例子,要將Local.css 導入 Wikia.css,把以下語法放入Wikia.css檔案的頂部 (因為載入的順序以及與Common.css 載入的差異,必須要將這些導入放入Common.css中以便正常運作) :
@import "/load.php?articles=MediaWiki:Local.css&only=styles&mode=articles";
另外有一種方式,可以更容易標注在Firefox的"Web Developer"中的"Network" 標籤裡載入的檔案,可使用:
@import url("/MediaWiki:Local.css?ctype=text/css&action=raw");
你可以在這裡(英文)查看這個方法的更詳細介紹。
參見[]
更多帮助和反馈[]
- 於帮助:帮助中心瀏覽或搜索其他帮助頁面。
- 查看Fandom社区中心以尋求更多協助和支持。
- 查看联系Fandom頁面,了解如何报告本條目中的任何錯誤或不清楚的步驟。