WackoWiki: WackoDocDeutsch/Layouts ...

Home Page | Изменения | Новые Комменты | Пользователи | Каталог | Регистрация | Вход:  Пароль:  

Layouts


Individuelle Optik erstellen

Оглавление документа

1. Allgemeines �ber Layouts

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/.

2. Mitgelieferte Layouts

Die aktuelle Version kommt standardm��ig mit 3 verschiedenen Layouts:

2.1. Weitere Layouts

Eine �bersichtsseite aller ver�ffentlichten Layouts mit Bildschirmabdr�cken gibt es im englischen Bereich:
-> WackoThemes

2.2. Installation von neuen Layouts

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)

3. Default-Layout �ndern

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"
...
?>

Gro�-/Kleinschreibung beachten!

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.

4. Eigenes Layout entwerfen

4.1. Unterseiten zum entwerfen eines Layouts

Entwerfen
Tutorial: “Wie erstelle ich mein eigenes Theme”

4.2. Inhalt der Layoutordner

Die Dateien sind in folgender Weise aufgeteilt:

themes/
  • default/
    • appearance/
      • footer.php
      • footermsword.php
      • footerprint.php
      • header.php
      • headermsword.php
      • headerprint.php
    • css/
      • .htaccess
      • wakka.css
      • wakkamsword.css
      • wakkaprint.css
    • icons/
      • .htaccess
      • 1del.gif
      • 1print.gif
      • 1unvisibl.gif
      • file.gif
      • key.gif
      • lock.gif
      • login.gif
      • login1.gif
      • mail.gif
      • referer.gif
      • rename.gif
      • toolbar1.gif
      • toolbar2.gif
      • visibl.gif
      • wacko.ico
      • web.gif
      • xml.gif
    • lang/
      • wakka.de.php
      • ...
    • .readme

4.2.1. Die �u�ere Erscheinung

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.

4.2.2. Die Codeschnipsel

In die Kopf und Fu� Dateien k�nnen verschiedene Codeschnipsel eingef�gt werden. Ein solcher Codeschnipsel erstellt dann zum Beispiel das Feld zur Suche.
Auf der Unterseite sind die einzelnen zur Verf�gungstehenden Schnipsel aufgef�hrt und beschrieben.

4.2.3. CSS – Cascading Style Sheets

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.

4.2.4. Icons – die Piktogramme

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!

4.2.5. Lang – Die Spracheinstellungen f�r das Design

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"); ?>

4.3. WackoWiki upgraden

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.

4.4. Erfolgreich ein neues Layout erstellt?

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.

5. Fragen




Страницы, ссылающиеся на данную: DanC
TheBone
WackoDocDeutsch
WackoDocDeutsch/Installation/Anpassungen
WackoDocDeutsch/Installation/WackoUpgrade
WackoDocDeutsch/Layouts/Symbole
WackoDocDeutsch/WackoWiki/Funktionen

zur�ck zur �bersichtрусский вариантenglish version
 
Файлов нет. [Показать файлы/форму]
Комментариев нет. [Показать комментарии/форму]
Donate
Время работы: 2.572 s
Использовано памяти: 1.598 Mb