FANDOM


這個幫助頁面將說明把其他的CSS和Javascript內容導入你的社區時,我們最建議的方式。

ImportJS

MediaWiki頁面MediaWiki:ImportJS提供了將有腳本的文章導入的界面-可以從該wiki本身或 Dev Wiki導入JS。

要使用這個功能,該wiki必須先啟用JS,如果尚未啟用,管理員可以使用Special:Contact/general來向工作人員申請。

這個功能與目前已有的 importArticles非常相似,importArticles這個方法可以從其他wiki社區導入文章,並把幾篇文章打包成一個。並將之極簡化(minify)這減少了檔案的大小以及網頁需要的流量,讓Wiki載入檔案速度變快。

Bulb

JavaScript 審核

ImportJS功能可以繞過JavaScript審核的過程。這可以讓社區直接增加或移除社區的JavaScript導入

使用

MediaWiki:ImportJS 提供了簡單的文字頁面來導入本wiki中位於mediawiki命名空間的JavaScript。從Dev Wiki的導入也需要來自mediawiki命名空間頁面,當放置要導入的檔案時,MediaWiki命名空間不需要加入,例如:

//本地 JS 檔案
Cat.js

// Dev Wiki 腳本
dev:AjaxRC.js

載入順序

當使用 ImportJS時,其中的頁面會最後載入,完整的載入順序是:

  1. Common.js
  2. Wikia.js 或 Monobook.js
  3. 由Common.js導入的腳本
  4. 由Wikia.js或 Monobook.js導入的腳本
  5. ImportJS

CSS 導入

importArticles

使用上述的方法替代之後,importArticles在這裡只會介紹用於CSS的導入,關於使用importArticles來進行JS導入,參見 這個頁面

importArticles 能使用於CSS樣式的導入,但因為要透過使用JavaScript,所以需要通過JS審核的過程。

例子

要使用importArticles來導入一個本wiki的CSS檔案,輸入:

importArticles({
    type: "style",
    article: "MediaWiki:Local.css"
});

@import method

FANDOM CSS Importing Best Practices

这个图片告诉你在导入时如何应对下载指令问题

使用 @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");

你可以在這裡(英文)查看這個方法的更詳細介紹。

另參見

幫助及反饋

您使用了广告屏蔽软件!


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

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