Das FoX-Wikiseiten-Layout

30.05.2014 08:37 (zuletzt bearbeitet: 30.05.2014 09:04)
avatar  .BiL.
#1
avatar
Die Perfektionistin

Multiprojektmanagerin


Wikiseiten, die dem FoX-Layout entsprechen und immer einheitlich aussehen. Das war Idee und Anspruch. In dieser Anleitung erfahrt ihr, wie unsere Wikiseiten aufgebaut sind, wie das Plugin zur Erstellung des Grundgerüsts und der Vorlage bedient wird und welche Foren-Codes und CSS-Einträge an der Gestaltung des FoX-Wikiseiten-Layouts beteiligt sind.

Viel Spaß mit unserem FoX-Wikiseiten-Macher!

Inhalt

Unser FoX-Wikiseiten-Macher



Das Grundgerüst der Seite ist eine Tabelle. Sie besteht im Wesentlichen aus Forencodes und wird über CSS-Anweisungen gestaltet. Die Inhalte können Admins in ihrem Forum in der Einstellmaske eines Plugins erfassen. Das Plugin erzeugt einen Code, der mittels eines Formulars in eine Wikiseite kopiert werden kann.

Einen Überblick über den Aufbau der FoX-Wikiseite und die dazugehörigen Felder in der Einstellmaske findet ihr in der angehängten interaktiven pdf-Datei.

Das Plugin inkl. Button zum Aufrufen der Codeseite erhalten die berechtigten Mitglieder per Privatfreigabe. Sie können es nutzen, um den Code für die Anleitungen zu erstellen und ihn dann im FoXum in die Wikiseite zu kopieren. Die Gestaltung übernehmen dann die im FoX hinterlegten Foren- und CSS-Codes.

Die Bestandteile

Das Symbolbild

Das Symbolbild links oben kannst du in der Einstellmaske austauschen. Dafür benötigst du den Vollbildlink. Lade dafür die Grafik in unserer Bildergalerie hoch.

Der Einleitungstext

Dieser Text fließt um das Symbolbild herum. Wenn der Text länger ist, als das Bild hoch, fließt er unter dem Bild entlang. In der Einstellmaske gibt es ein Textfeld für diesen Einleitungstext.

Das Inhaltsverzeichnis

Das Inhaltsverzeichnis entsteht, wenn Überschriften mit h1 oder h2 gekennzeichnet werden. In der Einstellmaske des Plugins gibt es die Möglichkeit, das Inhaltsverzeichnis auszuschalten.

Die Bilderleiste

In der Einstellmaske stehen Eingabefelder für drei - später für fünf Bilder inkl. Beschriftung zur Verfügung. Die Bilderleiste kann ausgeschaltet werden. Werden nicht alle Felder gefüllt, werden neutrale Grafiken als Platzhalter eingefügt.

Überschriften

Es gibt zwei Überschriftenebenen - h1 (Hauptüberschrift) und h2 (Zwischenüberschrift). Texte, die in die entsprechenden Felder in der Einstellmaske geschrieben werden, werden automatisch formatiert und im Inhaltsverzeichnis gelistet. Dort kann auch festgelegt werden, ob der Text Überschriften enthalten soll oder nicht.

Textblöcke

Für die Eingabe der Textblöcke stehen ebenfalls Felder in der Einstellmaske zur Verfügung. In der Endausbaustufe sollen drei Hauptüberschriften mit jeweils drei Zwischenüberschriften und dazugehörigen Textblöcken zur Verfügung stehen. Beides kann jedoch auch im Bearbeitungsmodus eingegeben und individuell strukturiert werden.

Die Infobox

Am Ende eines jeden Hauptabschnitts seht eine vorformatierte helle Infobox zur Verfügung.

Im Standard ist die Schrift der Infobox in FoX-Braun formatiert. Um auf sehr wichtige Hinweise aufmerksam zu machen, können später im Bearbeitungsmodus weitere Schriftformate wie fett oder eine andere Farbe eingesetzt werden.

Der FoX-Wikiseiten-Macher

Berechtigte Nutzer erhalten dieses Plugin für eins ihrer Testforen. Dort muss es installiert und genutzt werden. Das Plugin erstellt einen Code in einer html-Seite. Über einen Button auf der Forenübersicht kann diese Seite aufgerufen werden. Der enthaltene Code wird kopiert und anschließend in eine neue Wikiseite im FoX eingefügt. (Da es Forencode ist, würde das auch in Beiträgen funktionieren.) Ergebnis ist eine fertig formatierte Seite, die natürlich im Bearbeitungsmodus noch angepasst werden kann.

Schrittfolge:

1. Füllen der Einstellmaske im eigenen Forum und speichern
2. Klick auf den 'FoX-Wikiseiten-Macher' auf der Forenübersicht zum Öffnen der html-Seite
3. Klick auf den Button zum Markieren des Codes (siehe Abb. 2)
4. Kopieren des Codes mit Strg + C
5. durch Klick auf den Link 'neue FoX-Wiki-Seite' Öffnen einer neuen Wikiseite im FoXum
6. Inhalt der Zwischenablage mit Strg + V einfügen
7. Vorschau oder/und Speichern
8. ...

Bedienung der Einstellmaske

In einer Einstellmaske (siehe Abb. 1) des Plugins sind die Inhalte für eine FoX-Wiki-Seite strukturiert zu erfassen. Die Erläuterungen stehen direkt in den Feldbeschreibungen und den voreingestellten Texten zur Verfügung, (so dass wir uns eine genaue Beschreibung hier sparen). Für einige Bereiche gibt es Schalter, um nicht benötigte Elemente ausblenden zu können. So können zum Beispiel für einfache Erklärungen das Inhaltsverzeichnis, die Überschriften oder auch die Bilderleiste ausgeblendet werden.

Versierte Anwender können die Wiki-Seite auch im Bearbeitungsmodus füllen. Das Grundgerüst ist jedoch in jedem Falle mit dem Plugin zu erzeugen!

Die Forencodes

Eine vollständige Dokumentation der zuständigen Foren-Codes findet ihr in unserem Code-Archiv im Wiki-Baukasten. Die einzelnen Bausteine stehen den berechtigten Nutzern auch in der Iconbar zur Verfügung. Besonders, wenn die starre Struktur der mit dem Plugin erzeugten Seite nicht genügt.

Weiterhin stehen sämtliche Formatierungsmöglichkeiten unserer Iconbar zur Verfügung wie z.B.:

  • Smilies
  • Textbausteine
  • Symbole
  • Schrift
  • Tooltips
  • Textanker ...

  • sowie auch versteckte Codes:

    * das Sternchen '*', das zum Punkt wird,
    # die Raute '#', die zu einer Ziffer wird
    oder die Linie [ line ]

    Zusätzliche Formatierungsmöglicheiten sind sparsam einzusetzen, damit sie die Lesbarkeit unterstützen. Zu viele Hervorhebungen bewirken genau das Gegenteil.

    Gestaltung per CSS

    Eine vollständige Dokumentation der zuständigen CSS-Codes findet ihr in unserem Code-Archiv in dem Eintrag vom 21.05.2014 Zeilen 1 bis 75.



    FoX-Wikianleitung - siehe demnächst unten Dateianlage.

    Abb. 1: Einstellmaske


    Abb. 2: HTML-Seite zum Kopieren der FoX-Wikiseiten-Vorlage

    Liebe Grüße
    .BiL.


     Antworten

     Beitrag melden
    Bereits Mitglied?
    Jetzt anmelden!
    Mitglied werden?
    Jetzt registrieren!