LayoutsIndividuelle Optik erstellen |
In WackoWiki gibt es die Möglichkeit, um mit Hilfe von eigenen HTML- und CSS-Dateien das Erscheinungsbild (fast) nach Belieben zu ändern. Diese sogenannten Layouts, auch Erscheinungsbild oder Oberflächendesign genannt, befinden sich in den Unterordner themes/.
Die aktuelle Version kommt standardmäßig mit 3 verschiedenen Layouts:
| Eine Übersichtsseite aller veröffentlichten Layouts mit Bildschirmabdrücken gibt es im englischen Bereich: -> WackoThemes |
Entpacke die Datei und kopiere den entpackten Ordner in das Verzeichnis: themes/.
Entferne ggf. die .htaccess Dateien aus den Unterverzeichnissen, falls keine Grafiken und kein CSS interpretiert werden)
Standardmäßig ist das default-Layout ausgewählt, das man als Gast und als angemeldeter Benutzer sieht. Das kann in der Konfigurationsdatei wakka.config.php geändert werden. trage dort den Namen des gewünschten Layouts ein:
<?
...
"theme" = > "tabs"
...
?>
Zudem hat jeder registrierte Benutzer die Möglichkeit, in seinen Einstellungen das Layout zu ändern. Dieses wirkt sich allerdings nur auf seine persönliche Ansicht des Wikis aus.
Entwerfen
Tutorial: “Wie erstelle ich mein eigenes Layout”
Die Dateien sind in folgender Weise aufgeteilt:
wird durch die .php-Dateien im Layout-Unterordner themes/neues_layout/appearance/ festgelegt, welche den Kopf und den Fuß eines Wiki-Dokuments am Ende jeder Seite beschreiben, sprich das Layout um den selbstgeschriebenen Inhalt. Es kann mit der Kopf und Fußzeile eines Word-Dokuments verglichen werden.
In die Kopf und Fuß Dateien können verschiedene Codefragmente eingefügt werden. Ein solches Codefragment erstellt dann zum Beispiel das Feld zur Suche.
Auf der Unterseite sind die einzelnen zur Verfügung stehenden Fragmente aufgeführt und beschrieben.
Die .css-Dateien befinden sich im Layout-Unterordner themes/neues_layout/css/. Diese sind von Layout zu Layout sehr unterschiedlich aufgebaut und definieren teilweise auch ganz unterschiedliche Seitenbereiche.
Beim Layout default wird in der .css-Datei vorzugsweise das Aussehen von Text und Links festgelegt. Die Formatierung wird über die verschiedenen Klassen (class="name" in der HTML Ausgabe und .name in der CSS) gesteuert.
Bei den Layouts tabs und mambo sind diese Dateien weitaus größer und komplexer, da hier nicht nur Textformatierungen, sondern auch das Aussehen von einzelnen Tabellen oder weiteren Seitenbereichen festgelegt sind.
im Ordner themes/neues_layout/icons/ eines jedes Layouts werden vom System benutzt, um bestimmte Informationen vereinheitlicht hervorzuheben. Man kann die standardmäßig verwendeten Piktogramme hier ansehen.
Natürlich können diese Grafiken gegen eigene ersetzt werden!
Die Sprachdateien zu den in der Lokalisierung beschriebenen Sprachen befinden sich im Ordner lang/.
Zusätzliche neue Wortgruppen, die Du in dem neuen Layout benutzen willst, müssen im Unterordner themes/neues_layout/lang/ gespeichert sein. Der Name der Datei lautet wakka.xy.lang, wobei xy für die Sprache steht:
<?
//Beispielinhalt der Datei:
$themeResource = array(
"TextSearchPage" => "Seite suchen",
"LoginPage" => "Anmelden",
);
?>
Aufruf im Layout:
<?php echo $this->GetResourceValue("LoginPage"); ?>
Wenn Du den Ratschlag befolgt hast, ein neues Layout in einem neuen Ordner zu erstellen, anstatt eines der standardmäßigen bestehenden Layouts zu überschreiben, dann werden keine größeren Komplikationen auftreten. Nach der Aktualisierung der Skripte wird Wacko mit Ihrem neuen Layout wie früher funktionieren. Es muss bei Änderungen oder Erweiterungen des CSS möglicherweise das eigene CSS um die neuen Erweiterungen ergänzt werden.
Anders sieht es aus, wenn Du das eigene Layout in eines der Standard-Layouts eingefügt habst bzw. ein bestehendes Layout an deine Bedürfnisse angepasst habst. Hierfür gibt es für Windows WinMerge, mit dem ein Text auf Veränderungen untersucht und ergänzt werden kann. Linux/*nix können mit den mitgelieferten Programmen z.B. emacs das Problem lösen. Eine einfachere Möglichkeit ist, den alten Ordner mit dem neu erstellten zu ersetzen.
Wenn Du ein neues Layout erstellt hast und es auch funktioniert, dann 
sende das neue Layout bitte an das WackoTeam. Mit hoher Wahrscheinlichkeit wird dein Design auf diesen Seiten veröffentlicht oder zu der nächsten Version hinzugefügt. Schon im voraus Danke dafür.
