Benutzer-Werkzeuge

Webseiten-Werkzeuge


cookbook:mojito

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen gezeigt.

Link zu dieser Vergleichsansicht

Nächste Überarbeitung
Vorhergehende Überarbeitung
cookbook:mojito [2014/10/24 15:49]
shadowcat angelegt
cookbook:mojito [2014/10/24 00:00] (aktuell)
Zeile 2: Zeile 2:
  
 Das Template "​Mojito"​ verfügt über mehrere Menüs, nämlich jeweils eines im Header und Footer und das Hauptmenü auf der linken Seite. Letzteres öffnet standardmäßig alle Menüebenen,​ das heißt, alle vorhandenen Seiten sind direkt zugänglich. Bei vielen (Unter-)Menüpunkten ist das eventuell nicht wünschenswert. Das Template "​Mojito"​ verfügt über mehrere Menüs, nämlich jeweils eines im Header und Footer und das Hauptmenü auf der linken Seite. Letzteres öffnet standardmäßig alle Menüebenen,​ das heißt, alle vorhandenen Seiten sind direkt zugänglich. Bei vielen (Unter-)Menüpunkten ist das eventuell nicht wünschenswert.
 +
 +===== Template-Variante einrichten =====
  
 Für eigene Anpassungen in Templates verwendet man die sogenannten Template-Varianten. Um für Mojito eine eigene einzurichten und zu nutzen, geht man folgendermaßen vor: Für eigene Anpassungen in Templates verwendet man die sogenannten Template-Varianten. Um für Mojito eine eigene einzurichten und zu nutzen, geht man folgendermaßen vor:
Zeile 8: Zeile 10:
   - Als nächstes kopiert man die index.tpl aus dem Verzeichnis "​default"​ in das neue Verzeichnis. Nur diese Datei, die anderen werden nicht gebraucht!   - Als nächstes kopiert man die index.tpl aus dem Verzeichnis "​default"​ in das neue Verzeichnis. Nur diese Datei, die anderen werden nicht gebraucht!
   - Jetzt muß die neue Variante noch auswählbar (=bekannt) gemacht werden. Wenn das Verzeichnis "​custom"​ genannt wurde, ist nichts zu tun, andernfalls:​\\  ​   - Jetzt muß die neue Variante noch auswählbar (=bekannt) gemacht werden. Wenn das Verzeichnis "​custom"​ genannt wurde, ist nichts zu tun, andernfalls:​\\  ​
-    -  die Datei ''​./​templates/​mojito/​info.php''​ öffnen und folgende Zeile suchen:[code] +    -  die Datei ''​./​templates/​mojito/​info.php''​ öffnen und folgende Zeile suchen:<code> 
-    $template_variants ​     = array( '​default',​ '​blank',​ '​custom'​ );[/code] +    $template_variants ​     = array( '​default',​ '​blank',​ '​custom'​ );</code> 
-    - In die Liste die neue Variante einfügen, z.B.:[code] +    - In die Liste die neue Variante einfügen, z.B.:<code> 
-    $template_variants ​     = array( '​default',​ '​blank',​ '​custom',​ '​myvariant'​ );[/code]+    $template_variants ​     = array( '​default',​ '​blank',​ '​custom',​ '​myvariant'​ );</​code>​ 
 + 
 + 
 + 
 +Als nächstes wird im Backend unter Einstellungen -> Frontend -> Variante (Skin) die neue Variante ausgewählt und die Einstellung gespeichert. Davon sollte im Frontend noch nichts zu sehen sein, es wurde ja noch nichts geändert. 
 + 
 +===== Datei anpassen ===== 
 + 
 +Als nächstes öffnen wir die kopierte ''​index.tpl'',​ also die in dem neuen Verzeichnis. Dort gibt es zwei Navigationsmenüs:​ Das oben (Meta) und das links (Haupt). Wir wollen das linke anpassen. Der zugehörige Teil in der index.tpl sieht so aus: 
 + 
 +<sxh html> 
 +    <aside id="​sidebar"​ class="​{if !check_section(2)}br_left{else}br_bottomleft{/​if}">​ 
 +        {show_menu(1,​ SM2_ROOT, SM2_ALL, SM2_ALL|SM2_XHTML_STRICT,​ '<​li class="​sib_[sib] [class]">​[ac][menu_title]</​a>',​ '</​li>',​ '<​ul class="​hauptnavigation menu-[level]">',​ '</​ul>'​)} 
 +    </​aside>​ 
 +</​sxh>​ 
 + 
 +Die Erklärung der Parameter ist in der [[http://code.jellycan.com/​files/​show_menu2-README.txt|README.txt]] zu finden. Hier nur die wichtigsten:​ 
 + 
 +''​1''​ - Die Nummer des Menüs\\ 
 +''​SM2_ROOT''​ - Das Menü startet mit dem Rootknoten\\ 
 +''​SM2_ALL''​ - Es sollen alle Menüebenen angezeigt (geöffnet) werden (maximaler Menülevel)\\ 
 +''​SM2_ALL|SM2_XHTML_STRICT''​ - Es sollen alle Menüebenen angezeigt (geöffnet) werden und XHTML-konforme Ausgabe 
 + 
 +Daß SM2_ALL doppelt gemoppelt erscheint, nehmen wir an dieser Stelle einfach mal hin. 
 + 
 +Der letztgenannte Parameter beeinflußt die Art des Menüs. Hier müssen wir die erste Anpassung vornehmen:​ 
 + 
 +<sxh html> 
 +    <aside id="​sidebar"​ class="​{if !check_section(2)}br_left{else}br_bottomleft{/​if}">​ 
 +        {show_menu(1,​ SM2_ROOT, SM2_ALL, SM2_ALL|SM2_TRIM|SM2_XHTML_STRICT,​ '<​li class="​sib_[sib] [class]">​[ac][menu_title]</​a>',​ '</​li>',​ '<​ul class="​hauptnavigation menu-[level]">',​ '</​ul>'​)} 
 +    </​aside>​ 
 +</​sxh>​ 
 + 
 +''​SM2_TRIM''​ bedeutet, daß der Teilbaum des Menüs geöffnet wird, in dem man sich befindet. Der Effekt ist, daß auch hier jetzt alle Untermenüebenen angezeigt werden, sobald der Teilbaum geöffnet ist. Möchte man nur eine Unterebene öffnen, regelt das der dritte Parameter, hier ''​SM2_ALL''​. Dieser wird nun noch in ''​SM2_CURR+1''​ geändert, das heißt "​Aktuelle Ebene plus eine Unterebene"​.
  
 +<sxh html>
 +    <aside id="​sidebar"​ class="​{if !check_section(2)}br_left{else}br_bottomleft{/​if}">​
 +        {show_menu(1,​ SM2_ROOT, SM2_CURR+1, SM2_ALL|SM2_TRIM|SM2_XHTML_STRICT,​ '<​li class="​sib_[sib] [class]">​[ac][menu_title]</​a>',​ '</​li>',​ '<​ul class="​hauptnavigation menu-[level]">',​ '</​ul>'​)}
 +    </​aside>​
 +</​sxh>​
  
 +Voilà! Das Menü öffnet sich um jeweils die nächste Unterebene!
cookbook/mojito.1414158597.txt.gz · Zuletzt geändert: 2014/10/24 00:00 (Externe Bearbeitung)