Inclure du JS et du CSS supplémentaires

Cette page d'aide vous présente les différentes façons recommandées d'inclure du CSS et du JavaScript supplémentaires sur votre communauté.

## ImportJS

Cette nouvelle méthode ajoute la page MediaWiki MediaWiki:ImportJS et fournit une interface pour inclure des articles contenant des scripts sur une communauté - local ou issu de Dev Wiki (l'aide pour les imports depuis Dev Wiki sera bientôt disponible).

Cette fonctionnalité est similaire à la méthode existante `importArticles`, qui permet d'importer des articles de communautés externes,
de regrouper plusieurs articles en un seul article, de les minifier et de les regrouper en un seule requête. Cela permet à la fois de réduire la taille du fichier et le trafic du web, pour permettre à une communauté possédant un grand nombre de fichiers supplémentaires de se charger plus rapidement.

Modèle:Notice

### Usage

MediaWiki:ImportJS fournit un article dans lequel vous pouvez charger du code JavaScript. Les fichiers locaux devront être dans l'espace de noms MediaWiki. Les imports Dev Wiki devront aussi être dans l'espace de noms MediaWiki pour fonctionner (la page d'aide sera bientôt disponible). Quand vous voulez importer des fichiers, l'espace de noms MediaWiki n'a pas besoin d'être inclus. Exemple :

```
Cat.js        // JS file local
dev:AjaxRC.js // script Dev Wiki

```

### Ordre de chargement

Quand vous utilisez ImportJS, les pages à l'intérieur seront chargées *en dernier*. L'ordre global de chargement est :

1. Common.js
2. Wikia.js
3. Imported scripts through Common.js
4. Imported scripts through Wikia.js
5. ImportJS

## Imports CSS

### ImportArticles

À la place de la méthode ci-dessus, on ne parlera ici de ImportArticles que par rapport aux imports CSS. Pour les imports de JS, lisez cette page.

Vous pouvez toujours utiliser ImportArticles pour importer des styles CSS. Cependant, ils seront soumis au processus de vérification du JS car il faut utiliser du JavaScript pour le faire.

### Exemple

Importer un fichier CSS local via importArticles :

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

```

### La méthode @import

Vous pouvez importer des styles depuis vos fichiers CSS en utilisant `@import`. La syntaxe est la suivante:

```
@import "chemin_du_fichier_importe.css"

```

Dans l'exemple ci-dessus, pour importer Local.css dans le fichier Wikia.css, placez ceci en haut de votre fichier Wikia.css :

```
@import "/index.php?title=MediaWiki:Local.css&action=raw&ctype=text/css";

```

Cliquez ici pour en savoir plus sur cette méthode.

## Voir aussi

* Aide:Inclure du CSS et JS supplémentaire
* Aide:CSS
* Aide:CSS et JS avancés

## Plus d'aide

Modèle:Help and feedback section

en:Help:Including\_additional\_CSS\_and\_JS
de:Hilfe:Einbinden von zusätzlichem CSS und JS
es:Ayuda:Incluyendo JavaScript y CSS adicional
fi:Ohje:Ylimääräisen JavaScriptin ja CSS:n lisääminen
it:Aiuto:Includere JavaScript e CSS addizionali
ja:ヘルプ:追加のJavaScriptとCSSをインクルードする
ko:도움말:자바 스크립트 및 CSS 불러오기
nl:Help:Bijkomende JavaScript en CSS laden
pt:Ajuda:Como incluir JavaScript e CSS adicionais
ru:Справка:Включение дополнительных JS и CSS
vi:Trợ giúp:Bao gồm JavaScript và CSS bổ sung
zh:Help:導入更多JavaScript與CSS
uk:Довідка:Ввімкнення додаткових JS і CSS