- Einleitung
- Seitenoptionen
- Artikel erstellen
- Artikel schreiben
- Textformatierung
- Seitenbausteine
- Schriftarten verwenden
Auf dieser Seite wird erklärt, wie Artikel erstellt und bearbeitet werden, wie Text formatiert wird und wie Seitenelemente, Bilder, Module und andere Spielereien funktionieren. Wenn euch ein Thema fehlt, fragt, dann wird es erklärt.
Im Allgemeinen ist die Wikidot-Syntax einfacher und übersichtlicher als die von Mediawiki.
Ihr könnt nichts falsch machen, wenn ihr bei der Bearbeitung eines Artikels irgendwas falsch macht, kann man problemlos die Vorgängerversion wiederherstellen.
- Bearbeiten: Öffnet den Bearbeitungsmodus. Dazu später mehr.
- Bewerten (X): Hier könnt ihr eine Bewertung der Seite in X/5 Sternen abgeben. Ihr könnt eure Bewertung jederzeit ändern oder löschen, außerdem kann das Modul auf oben auf der Seite eingebettet werden.
- Tags: Hier werden Tags gesetzt, von Leerzeichen getrennt. Verwendet in einem Tag „-” statt Leerzeichen. Dazu später mehr.
- Diskutieren: Die Kommentare der jeweiligen Seite.
- Historie: Hier könnt ihr die Bearbeitungshistorie der Seite einsehen.
- Dateien: Hier könnt ihr die an die Seite angehängten Dateien sehen bzw. neue hochladen, dazu später mehr.
- Site-Werkzeuge: Blendet einige Links zu automatisierten Listen ein, warum das dort ist ist mir unbekannt.
- + Optionen: Blendet die folgend beschriebenen erweiterten Seitenoptionen ein.
Erweiterte Seitenoptionen
- Abschnitte bearbeiten: Hiermit werden Bearbeitungslinks bei den Überschriften des Artikels eingeblendet, um einzelne Abschnitte bearbeiten zu können. Nützlich bei langen Seiten.
- Hinzufügen: Hiermit wird ein weiterer Abschnitt am Ende der Seite hinzugefügt.
- Metatags bearbeiten: Hier können Metatags gesetzt werden. Wenn ihr nicht wisst was das ist, braucht ihr die Funktion auch nicht.
- Beobachter: Hier könnt ihr sehen, wer die Seite beobachtet.
- Backlinks: Hier wird aufgelistet, welche Seiten hierher verlinken oder welche Seiten diese Seite einbetten.
- Seiten-Quelltext: Zeigt den Quelltext der Seite (in Wikidot-Code) an
- Eltern: Setzt die Elternseite für die Breadcrumb-Navigation (Die Links unter dem Sitentitel).
- Seite sperren: Ich weiß garnicht ob ihr diese Funktion seht, damit kann ich Seiten vor Bearbeitung schützen.
- Umbenennen: Hiermit wird der Unix-Name der Seite, also der in der Adresszeile des Browsers geändert.
- Löschen: Hiermit wird die Seite gelöscht, oder wahlweise in die Papierkorb-Kategorie deleted verschoben.
Es gibt drei Methoden einen neuen Artikel zu erstellen:
- Über die Seite Neue Seite erstellen (empfohlen)
- Indem ihr den gewünschten Unix-Namen in die Adresszeile eingebt
- Indem ihr einen Link zu der gewünschten Seite erstellt und ihm folgt
Da viele Seiten bestimmte Tags, Elternseiten oder Kategorien brauchen, solltet ihr nur 1. verwenden, außer ihr wisst bereits wie ihr diese festlegt und welche ihr festlegen müsst.
Unix-Name: Der Unix-Name einer Seite ist deren tatsächlicher Name, über den diese im Wiki verlinkt wird, und der in der Adresszeile des Browsers erscheint. Nicht zu verwechseln mit dem Seitentitel, der im Bearbeitungsmodus festgelegt wird.
Der Bearbeitungsmodus
Artikelstruktur
Es folgen die wichtigsten Formatierungen.
Siehe auch: Wikidot-Syntax Kurzübersicht (Englisch) und Wikodot-Syntax Ausführlich (Englisch)
Textformatierung
Fett getruckter Text: **TEXT**
Kursiver Text: //TEXT//
Überschrift Stufe 1: + TEXT
Überschrift Stufe 2: ++ TEXT
Überschrift Stufe 3: +++ TEXT
Textfeld wie dieses: > TEXT
- Aufzählung: * TEXT
- Nummerierung: # TEXT
Automatische Zeichen
— (langer Bindestrich): --
… (Auslassungspunkte): ...
„Deutsche Anführungszeichen”: ,,TEXT'' (Kommas und Apostrophe)
(Trennlinie): ----
Darüber hinaus sind noch viele Spielereien mit HTML- und CSS-Code, Modulen, Inhalten aus anderen Seiten u.v.m. möglich. Fragt einfach im Forum oder schaut in der Wikidot-Dokumentation nach.
Zusätzlich gibt es eine "benutzerdefinierte Programmiersprache" für Notepad++, die die WikiDot-Syntax hervorheben kann. Damit kann man z.B. in einem Blick den Code eines Artikels überblicken, ohne danach selber suchen zu müssen. Um diese zu benutzen braucht man Notepad++ und die benutzerdefinierte XML-Datei (<- auf diesen Link rechtsklicken und dann "Link speichern unter" auswählen).
1. Lade dir Notepad++ und die XML-Datei herunter.
2. Öffne Notepad++.
3. Gehe oben auf den Reiter "Sprachen".
4. Wähle unter diesem Reiter die Option "Eigene Sprache definieren".
5. Nun sollte sich ein Fenster öffnen. Klicke auf den Button "Importieren".
6. Suche nach der heruntergeladenen XML-Datei und wähle diese aus. Klicke auf "Öffnen".
7. Wähle nun unter dem obersten Reiter (immer noch dasselbe Fenster) "WikiDot Syntax" aus.
8. Klicke auf den "Speichern als"-Button neben dem Reiter. Benenne anschließend die Sprache (der Name ist egal). Klicke auf "Ok".
9. Nun kannst du das Fenster schließen. Gehe ein weiteres Mal auf den Reiter "Sprachen". Nun solltest du ganz unten einen Eintrag mit deinem vorhin gewähltem Namen sehen. Klicke auf diesen.
10. Die WikiDot-Syntax sollte nun mit Farben hervorgehoben werden.
Notizen: Den ganzen Definitions-Prozess muss man nur ein Mal durchführen, es kann jedoch vorkommen, dass man bei jedem Neustart von Notepad++ die Sprache unter dem "Sprachen"-Reiter neu auswählen muss.
Infos: Die XML ist nicht perfekt, es kommt immer wieder vor, dass Befehle nicht ganz hervorgehoben werden. Bei Verbesserungsmöglichkeiten kann sich die entsprechende Person bei TPS-Geronam melden.
Credits: Die XML-Datei wurde von TPS-Geronam erstellt und veröffentlicht.
Dies sind die wichtigsten Code-Blöcke, die in vielen Artikeln nützlich sind:
Siehe auch: Code Blöcke (Englisch)
Bilder
Bilder werden üblicherweise nicht mit [[image]] eingefügt, sondern mit folgendem Code, damit sie einen Rahmen, Bildunterschrift und das richtige Format haben:
[[include component:image-block name=BILDNAME.ENDUNG|caption=BESCHREIBUNG|width=###px|link="URL"|align=XYZ]]
Wobei alle Argumente außer name und caption optional sind, also im Regelfall:
[[include component:image-block name=BILDNAME.ENDUNG|caption=BESCHREIBUNG]]
- name: Hier kommt der Dateiname einer in dem Artikel hochgeladenen Datei hin, wichtig ist dass der Dateiname keine Leerzeichen enthält. Es kann auch ein Link zu einem Bild eingetragen werden.
- caption: Das ist der Bilduntertitel.
- width: Ist die Breite. Standard sind 300px. Sehr hohe Bilder sollten verkleinert werden.
- link: Damit wird das Bild zum Link, die URL wird geöffnet, wenn man auf das Bild klickt.
- align: Das ist die Ausrichtung. Möglich sind wahrscheinlich left, right und center, wobei dieser Block automatisch rechtsbündig ist. Für linksbündige Bilder kann auch der [[include component:image-block-left]] verwendet werden.
Ausklapptext
[[collapsible show="+AUSKLAPPTITEL" hide="-EINKLAPPTITEL"]]
TEXT
[[/collapsible]]
Fügt einen solchen Ausklapptext mit Aus- und Einklapptitel ein.
Außerdem zeigt das Argument hideLocation="both" den Zuklapptext oben und unten an, "bottom" nur unten. Mit folded="no" ist die Box standartmäßig aufgeklappt.
Fußnoten verbergen
Normalerweise werden am Fuß der Seite die Fußnoten aufgelistet, die mit der Footnote-Funktion erstellt wurden. Mit dem folgenden Code am Anfang der Seite, oder in existierenden CSS-Modulen, lassen sich die Fußnoten am Fuß der Seite ausblenden:
[[module css]]
.footnotes-footer {
visibility: hidden;
height: 0;
padding: 0;
margin: 0;
}
[[/module]]
Mit {{[[footnoteblock]]}} lassen sich die Fußnoten alternativ an anderer Stelle platzieren, etwa in einem Auslapptext.
[[tab Wikistruktur]]
Tags
Kategorien
Es ist möglich, die Schriftart für einen Textabschnitt festzulegen. Voraussetzung dafür ist, dass die Schriftart auf dem anzeigenden Gerät vorhanden ist, deshalb ist es müßig, extravagante Schriftarten festzulegen. Diese hier ist Lucida Handwriting und Teil von Windows oder MS-Office, ebenso wie die unten dargestellte Old English Text MT und daher auf der Mehrheit der Computer vorhanden. Der Code dazu sieht so aus:
[[div style="font-family: Lucida Handwriting"]]
TEXT
[[/div]]
Lucida Handwriting muss nur mit dem Namen der Schriftart ersetzt werden.
Bitte verzichtet im Sinne der körperlichen Unversehrtheit eurer Leser auf Grausamkeiten wie Comic Sans. Und achtet auf sinnvollen und zurückhaltenden Einsatz von Schriftarten, nicht dass euer Artikel aussieht wie von Heranwachsenden die im Informatikunterricht entdeckt haben wie man Schriftarten verwendet.
Frakturschrift
Die Fraktur, auch Altdeutsche Schrift genannt, wird aus irgendeinem Grund mit Deutschland assoziiert, obwohl Frakturschriften in ganz Europa, insbesondere Nord-, West- und Mitteleuropa üblich waren, und wir die Abschaffung der Fraktur den Nazis verdanken, die die Schrift zu kompliziert und unleserlich fanden. Nichts desto trotz, aufgrund der Assoziation mit Deutschland ist die Verwendung von Fraktur an manchen Stellen ein adäquates Stilmittel.
Dazu gibt es zwei Möglichkeiten:
- Textabschnitte wir oben beschrieben in Old English Text MT oder einer anderen häufigen Frakturschrift anzeigen lassen
- Unicode Zeichen verwenden. Unicode enthält keinen offiziellen Fraktur-Block, jedoch kann aus diversen Unicode-Blöcken das Frakturalphabet dargestellt werden. Dazu gibt es hier einen Konverter, der Text in diverse Unicode-Alpabete übersetzt.
- Oder von hier kopieren: Frakturschrift-Vorlage
ᚱᚢᚾᛖᚾᛋᚲᚺᚱᛁᚠᛏ
Es gibt einen Unicode-Block für Runenschrift, der auf den meisten Geräten dargestellt werden kann. Am einfachsten lassen sich Runen einfügen, indem man sie von Wikipedia kopiert und hier einfügt. Da die wenigsten Runen lesen können und sie auf vielen Handys nicht dargestellt werden, bitte nur sehr sparsam verwenden.
Natürlich können auch andere Unicode-Zeichen eingefügt werden.
Um Verwirrung vorzubeugen wird empfohlen, keine jüngere oder punktierte Futhark oder andere Runenschrift zu verwenden, wenn es nicht im Kontext des Artikels Sinn ergibt
Hier eine alphabetische Liste der Runen der älteren Futhark (die Futhark hat einige andere Buchstaben als das Lateinische Alphabet):
Rune | ᚨ | ᛒ | ᛞ | ᛖ | ᛇ | ᚠ | ᚷ | ᚺ |
---|---|---|---|---|---|---|---|---|
Name | Ansuz | Berkano | Dagaz | Ehwaz | Ihwa | Fehu | Gebo | Hagalaz |
Buchstabe | a | b | d | e | ei | f | g | h |
Rune | ᛁ | ᛃ | ᚲ | ᛚ | ᛗ | ᚾ | ᛜ | ᛟ |
Name | Isa | Jera | Kenaz | Laguz | Mannaz | Naudiz | Ingwaz | Othala |
Buchstabe | i | j | k | l | m | n | ng | o |
Rune | ᛈ | ᚱ | ᛋ | ᛏ | ᚦ | ᚢ | ᚹ | ᛉ |
Name | Perthro | Raidho | Sowilo | Tiwaz | Thurisaz | Uruz | Wunjo | Elahz |
Buchstabe | p | r | s | t | th | u | w | z/R1 |
Eingebettete Schriftarten
Es ist möglich von Anbietern kostenloser Webfonts wie Google Fonts Schriftarten in die Seite einzubetten. Das sind Schriftarten die in einem speziellen Format im Internet verfügbar sind, und mit der Seite geladen werden, dazu aber nicht auf dem anzeigenden Gerät vorhanden sein müssen, das heißt sie funktionieren immer (sofern eingebettete Schriftarten nicht deaktiviert wurden).
Zunächst muss die Schriftart in den Artikel geladen werden, dies geschieht im CSS-Modul. Sollte bereits eines im Artikel sein (immer ganz am Anfang), wird die Codezeile ergänzt. Es werden nicht mehrere CSS-Module eingefügt. Es können mehrere Schriftarten in einen Artikel geladen werden:
[[module css]]
@import url('https://...');
[[/module]]
Bei der Gelegenheit lassen sich auch die Schriftfarbe in drei- oder sechsstelligem hexadezimalcode, und -größe in Prozent einstellen, es wird allerdings nicht empfohlen helle oder kräftige Schriftfarben zu wählen. Bei manchen eingebetteten Schriftarten muss die Größe nachjustiert werden, im Fall des Falles ist das in den folgenden Codes bereits enthalten.
[[div style="font-family: ...; color: #RRGGBB; font-size: 100%;"]]
TEXT
[[/div]]
Wird eine Schriftart eingebettet, wird empfohlen die Quelle sowie Urheber und Lizenz in den Kommentaren zu nennen.
Es folgen einige Schriftarten die sich besonders anbieten um Dokumente verschiedener Art darzustellen:
Diese Frakturschrift eignet sich besonders für längere Absätze in Fraktur. Sie basiert auf einer deutschen Frakturschrift von 1901 und ist nicht allzu schwer zu lesen. (Bei Google Fonts unter Open Font License)
Import: @import url('https://fonts.googleapis.com/css?family=UnifrakturMaguntia');
Verwendung:
[[div style="font-family: 'UnifrakturMaguntia', serif; font-size: 110%;"]]
TEXT
[[/div]]
Diese Frakturschrift eignet sich besonders für Überschriften und einzelne Zeilen. Sie ist zwar etwas leichter zu lesen als Unifraktur Maguntia, ist aber nur in Fett verfügbar. (Bei Google Fonts unter Open Font License)
Import: @import url('https://fonts.googleapis.com/css?family=UnifrakturCook:700');
Verwendung:
[[div style="font-family: 'UnifrakturCook', serif; font-size: 110%;"]]
TEXT
[[/div]]
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. (Bei Google Fonts unter Open Font License)
Import: @import url('https://fonts.googleapis.com/css?family=Shadows+Into+Light');
Verwendung:
[[div style="font-family: 'Shadows Into Light', cursive;"]]
TEXT
[[/div]]
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. (Bei Google Fonts unter Open Font License)
Import: @import url('https://fonts.googleapis.com/css?family=Architects+Daughter');
Verwendung:
[[div style="font-family: 'Architects Daughter', cursive;"]]
TEXT
[[/div]]
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. (Bei Google Fonts unter Open Font License)
Import: @import url('https://fonts.googleapis.com/css?family=Caveat');
Verwendung:
[[div style="font-family: 'Caveat', cursive; font-size: 110%;"]]
TEXT
[[/div]]
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. (Bei Google Fonts unter Apache Licence, Version 2.0)
Import: @import url('https://fonts.googleapis.com/css?family=Homemade+Apple');
Verwendung:
[[div style="font-family: 'Homemade pple', cursive;"]]
TEXT
[[/div]]
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. (Bei Google Fonts unter Open Font License)
Import: @import url('https://fonts.googleapis.com/css?family=Nothing+You+Could+Do');
Verwendung:
[[div style="font-family: 'Nothing You Could Do', cursive; font-size: 110%;"]]
TEXT
[[/div]]
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. (Bei Google Fonts unter Open Font License)
Import: @import url('https://fonts.googleapis.com/css?family=La+Belle+Aurore');
Verwendung:
[[div style="font-family: 'La Belle Aurore', cursive; font-size: 110%;"]]
TEXT
[[/div]]