DokuWiki sieht keine besondere Farbgebung für die Überschriften vor. Die Überschriften werden in DokuWiki via PHP und CSS mit h1- bis h5-Tags realisiert. Als Formatanweisungen werden im Wiki-Text Überschriften mit aufeinanderfolgenden Gleichheitszeichen geklammert: ======h1======, =====h2=====, ====h3====, ===h4===, ==h5==. Überschriften sind automatisch als Ziele von Sprungmarken (Hyperlinks) geeignet. Selbst können sie nicht zusätzlich als Hyperlink formatiert werden! Dagegen sprechen technische wie auch typographische Gründe. Mit Sectiontoggle-Plugin können sie aber eingeklappt werden.
In der Datei basicless.css
im Wikiverzeichnis dokuwiki\lib\tpl\dokuwiki\css
können von Templates abhängige Formatierungen erweitert oder angepasst werden. In Anlehnung an das gültige CI sehen wir vor, die Überschriften dem Crem-Blau hervorzuheben. Die Anpassung der Header-Formate für Crem-Blau erfolgt in DokuWiki über ergänzende CSS-Angaben in der Datei basicless.css
bzgl. der Farben kann in Hexadezimal: color: #003EDC;
erfolgen.
Auszug aus „C:\Work\w_branch\Intern\Technische Redaktion\DokuWiki\iXDokuWiki\dokuwiki\lib\tpl\dokuwiki\css\basic.less“:
h1 { font-family: Helvetica, Arial, Geneva, sans-serif; font-size: 2em; margin: 0 0 0.444em; color: #06478A; } h2 { font-family: Helvetica, Arial, Geneva, sans-serif; font-size: 1.5em; margin: 0 0 0.666em; color: #06478A; } h3 { font-family: Helvetica, Arial, Geneva, sans-serif; font-size: 1.25em; margin: 0 0 0.888em; color: #06478A; } h4 { font-family: Helvetica, Arial, Geneva, sans-serif; font-size: 1em; margin: 0 0 1.0em; color: #06478A; } h5 { font-family: Helvetica, Arial, Geneva, sans-serif; font-size: .875em; margin: 0 0 1.1428em; color: #06478A; }
In der Datei ..\dokuwiki\conf\tpl\dokuwiki\style.ini
werden Einstellungen gespeichert, welche administrativ in DokiWiki vorgenommen werden können. Wesentliche Anpassung hier ist die Einstellung der Seitenbreiten für einen links angeordneten Bereich, der meistens für Navigationszwecke genutzt wird (sidebar) und das Hauptfenster (site). In der Grundeinstellung von DokuWiki sind diesen Bereich absolute Breitenangaben in em festgelegt. Sidebar und Site reagieren dann nicht auf Größenänderung des Browserfensters! Durch die Anpassung in %-Werte reagiert DokuWiki in der Breitenberechnung dynamisch und liefert dann ein besseres Layout. Die %-Werte für Sidebar und Site müssen wir nach Fertigstellung ggf. noch anpassen. Auswahlmöglichkeiten für individuelle Farbanpassungen für den Text können mit Hilfe von Plugins eingebaut werden, vgl. color-Plugin. Einige der Einstellungen sind auch im iX-Wiki über Admin > Einstellungen fürs Template-Design einstellbar.
Textuelles Abbild von style.ini mit prozentualer Breitenangabe für site und fester Breite für sidebar (und TOC):
[replacements] ;These overwrites have been generated from the Template styling Admin interface ;Any values in this section will be overwritten by that tool again __text__ = "#333333" __background__ = "#ffffff" __text_alt__ = "#999999" __background_alt__ = "#eeeeee" __text_neu__ = "#666666" __background_neu__ = "#dddddd" __border__ = "#cccccc" __highlight__ = "#c8dcde" __link__ = "#06478A " __background_site__ = "#fcfcfc" __existing__ = "#00737e" __missing__ = "#dd3300" __site_width__ = "95%" __sidebar_width__ = "20em" __tablet_width__ = "800px" __phone_width__ = "480px" __theme_color__ = "#008800"
Die Hyperlinkfarbe wird u. a. im TOC verwendet. Das Blau der Schrift lt. Wortbildmarke analog zur Website der Crem wird in der style.ini in der Domäne replacements der Eintrag link = „#06478A “
gesetzt oder im iX-Wiki über Admin > Einstellungen fürs Template-Design der entsprechende Eintrag für die Allgemeine Linkfarbe. (#06478A). Diese Farbe wird auch für die Headerdefinition h1 bis h5 in lib\tpl\dokuwiki\css\basic.less
verwendet.
In der Datei lib\plugins\wrap\style.less passen wir die Zeilen
.wrap_important { background-color: #ffd39f; }
und
.wrap_info { background-color: #d1d7df; }
mit Weiß als Hintergrundfarbe an.
Das Logo (links oben) wird über den Medien-Manager in das System kopiert. Ist das Logo unter 500 Pixel breit, wird bei den meisten Bildschirmeinstellungen der Schriftzug durch die Bindestrichkombination aufgeteilt . Daher wäre ein Ansatz, das in der Demo verwendete Logo mit einem transparenten Bereich auf der rechten Seite zu versehen. Die beste Lösung ist aber, den Namen als Bildbestandteil zu definieren. Vorteil: Form und Farbe des Schriftzuges sind vollständig redaktionell anpassbar. Aktuell: logo.png mit neuem Crem-Schriftzug
Die Datei favicon.png
wird über den Medien-Manager in das System kopiert. Das quadratische iX-Logo ist derzeit in Anlehnung an die iX-Haus-Marke gestaltet. Der Schriftzug Wiki ist jedoch kaum erkennbar, aufgrund der vom Browser reduzierten Skalierung. Die Bildgröße sollte mindestens 16×16 Pixel aufweisen, besser 32×32. 64×64 ergibt keine Qualitätsverbesserung. Ggf. übernimmt SUN die Optimierung der Datei.
Die aktuellen Logos von DokuWiki mit Grafiken und Hyperlinks zu den jeweiligen OpenSource- und Lizenzinformationen waren unerwünscht. Erforderlich hingegen sind die Benennungen von Links zum Impressum und Datenschutz auf der Startseite. Diese sind nun als Links in der Startseite realisiert. Dementsprechend wurden die Dateien ..\dokuwiki\conf\license.local.php
erstellt und tpl_footer.php
angepasst.
Wo das Entfernen bzw. Tauschen der Hyperlinks nicht ausreichte, wurde das als Link genutzte Logo umbenannt. In der Datei ..\dokuwiki\lib\tpl\dokuwiki\tpl_footer.php
wurde Zeile 13: <?php tpl_license(''); // license text ?> innerhalb <div id="dokuwiki__footer"><div class="pad"> vor <div class=„buttons“>
entfernt, Zeilen im Block <div_class=„buttons“>
wurden für Impressum, Kontakt und Datenschutz der Crem angepasst. Die verbliebene Grafik „\\srv-dev\DokuWiki\Branch\lib\tpl\dokuwiki\images\button-crem.gif“
der Fußzeile wurde aktualisiert.
Der Titel für das Inhaltsverzeichnis einer Wikiseite (table of content) wurde von Inhaltsverzeichnis
auf Inhalt
verkürzt. Die Anpassung erfolgte in der deutschen Sprachsteuerungsdatei ..\dokuwiki\inc\lang\de\lang.php
an der Position Zeile 219, $lang[‘toc‘]
.