Community-Wiki

Achtung: Fandom stellt ab dem 31.12.2023 bis auf Weiteres den Support für die deutsche Sprache ein. Nach diesem Datum müssen alle Anfragen im englischen Community Central oder über das Kontaktformular gestellt werden.

MEHR ERFAHREN

Community-Wiki
Advertisement
Community-Wiki

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[]

Mehr Hilfe[]

Advertisement