Hilfe:Einbinden von zusätzlichem CSS und JS

Diese Hilfeseite beschreibt den empfohlenen Weg, um zusätzliches CSS oder JavaScript einzubinden. Für den technischen Weg siehe Hilfe:Einbinden von zusätzlichem CSS und JS/technisch.

ImportJS

Nutze diese Methode, um in deinem Wiki oder in der Fandom Open Source Library gespeichertes JavaScript einfach und schnell in dein Wiki zu importieren. ImportJS ist nicht vom JS-Überprüfung betroffen, da nur auf bereits geprüfte Skript-Versionen zugegriffen wird. Eine unnötige doppelte Prüfung wie bei Importen über Common.js wird vermieden.

Hinweis: In Wikis, die nach Sommer 2015 erstellt wurden, ist benutzerdefiniertes JavaScript standardmäßig deaktiviert und ImportJS daher nicht benutzbar. Admins können die Aktivierung über die Supportseite beantragen. Ob ImportJS aktiviert ist, kann überprüft werden, indem eine beliebige JS-Seite, z.B. MediaWiki:Common.js, aufgerufen wird. Wenn benutzerdefiniertes JavaScript deaktiviert ist, erscheint eine blaue Box, die darauf hinweist.

Benutzung

Auf MediaWiki:ImportJS kannst du die Namen von Seiten mit der Endung .js aus dem MediaWiki-Namensraum untereinander auflisten. "MediaWiki:" kannst du weglassen.

Beispiele

Katze.js        //lokales JS-Skript (MediaWiki:Katze.js)
dev:AjaxRC.js // AjaxRC-Skript aus dem Dev-Wiki

Ladereihenfolge

Wenn du ImportJS benutzt, werden die Skripte auf der Seite als letztes geladen. Die vollständige Ladereihenfolge ist:

1. Common.js
2. Fandomdesktop.js
3. Importierte Skripte via Common.js
4. Importierte Skripte via Fandomdesktop.js
5. ImportJS

CSS-Importe

importArticles

Hier wird importArticles nur für CSS-Importe erklärt. Für JS-Importe siehe hier.

importArticles kann immer noch genutzt werden, um CSS-Styles zu importieren. Anders als bei JS-Importen, müssen die CSS-Styles nicht überprüft werden.

Beispiel

In diesem Beispiel wird eine lokale CSS-Datei per JavaScript importiert:

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

@import-Methode

Mit @import kannst du in eine CSS-Datei Styles von anderen CSS-Dateien importieren. Die Syntax ist folgende:

@import "path_to_file_to_import.css"

Wie man am oberen Beispiel sieht, muss man, um eine lokale CSS-Datei in Fandomdesktop.css zu importieren, folgenden Code an den Anfang von Fandomdesktop.css stellen:

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

Du kannst hier mehr über die Methode lernen.

Siehe auch

• Hilfe:CSS- und JS-Anpassungen
• Hilfe:Fortgeschrittenes CSS und JS
• Hilfe:Einbinden von zusätzlichem CSS und JS/technisch

Mehr Hilfe

• Ein Stichwortverzeichnis zu verschiedensten Hilfeseiten findest du auf Hilfe:Index.
• Einen geordneten Einstieg zur Hilfe gibt es auf der Seite Hilfe:Übersicht.
• Fragen an andere Benutzer kannst du in den Diskussionen des Community-Wikis stellen.
• Anmerkungen zu dieser Hilfeseite kannst du auf der dazugehörigen Diskussionsseite hinterlassen.
• Um Fehler zu melden, kontaktiere bitte einen Ansprechpartner oder nutze das entsprechende Kontaktformular.