Das Navigationsmenü / Imperia Menügenerator

Im aktuellen responsiven Coperate Design (CD) der Ruhr-Universität Bochum ist das Menü fest im linken Bereich der Webseite verankert.

Das Menü bzw. die Navigation Ihres Imperia-Webauftritts können Sie mit der Rolle "Chefredakteur" direkt im Template bearbeiten. Um das Template zu bearbeiten, klicken Sie im Hauptmenü auf "Struktur" auf den Unterpunkt "Templates". Wählen Sie dann das für Ihre Seite relevante Template zum Bearbeiten aus.

Imperia Menü Generator (work in progress!)

Das Besondere an dieser Webanwendung ist, dass Sie lediglich eine recht simple strukturierte Textdatei mit einem bestimmten Aufbau erstellen und diese anschließend in unseren Menügenerator hochladen. Das Programm erstellt den HTML-Code für Ihre Imperia-Navigation, welchen Sie dann kopieren und an einer genau definierten Stelle in Ihr Template einfügen. Fertig, mehr ist nicht zu tun.

Folgende Informationen/Parameter werden am Anfang der Textdatei benötigt:

• Sprache
• Stammverzeichnis
• Logo
• Institut

Diese Variablen werden  mit einem ; (Semikolon) getrennt zu Beginn der Textdatei in einzelnen Zeilen definiert, z.B. mit Sprache;de

Danach folgt zeilenweise die gesamte Menüstruktur.

Die Syntax dieser Menüstruktur wird nachfolgend exemplarisch dargestellt und besteht pro Zeile aus den drei Bestandteilen

EbeneMenüeintrag##Adresse
z.B.: %Mitarbeiter##/beispiel/mitarbeiter.html.de
Die Anzahl der Prozentzeichen steht für die Hierarchietiefe. Die Navigation funktioniert kaskadierend über maximal drei Ebenen.

% = 1. Ebene
%% = 2. Ebene
%%% = 3. Ebene

Nach den %-Zeichen steht die Bezeichnung des Menüpunktes, also der Text im Menü, auf den der Benutzer später klicken kann. Darauf folgt das Trennzeichen ## (doppelter Gartenzaun, Raute, Hashtag). Hinter diesem wird die URL angeben, auf die der Menüpunkt verweist. Dies darf auch eine Fremd-URL sein, die dann aber absolut anzugeben ist (mit Protokoll und Servernamen, z.B. https://www.ruhr-uni-bochum.de). Im Allgemeinen steht dort aber der relative Link Ihrer in Imperia erzeugten Unterseite (/stammverzeichnis/unterverzeichnis/datei.html.de). Da Links durchaus auch Sprungziele enthalten dürfen, die in HTML selbst per # angegeben werden, dient als Trenner zwischen Menüpunkt und Linkadresse jetzt der doppelte Hashtag (##).

Wird die Hierarchieebene in der nächsten Zeile höher, es kommt also ein Untermenü, so kann man keine URL angeben. Dieser Menüpunkt ist nur ein Toggle, der das darunterliegende Untermenü auf- bzw. zublättert. Stategisch ist deshalb zu empfehlen, dass alle Untermenüpunkte immer im gleichen Unterverzeichnis (Unterrubrik) des Webauftritts liegen. Dann kann Imperia aber über eine einfache Logik feststellen, ob das Untermenü auf- oder zugeblättert sein soll. Gewünscht ist, dass ein Untermenü immer dann bereits aufgeblättert angezeigt wird, wenn das Dokument aus dem passenden Unterverzeichnis kommt. Dazu kann anstelle einer URL in diesem Fall mit

dir=unterverzeichnis

ein Verzeichnis angegeben werden, für dessen Unterseiten dieses Untermenü automatisch anzeigt wird. Hier wird nur der Unterverzeichnisname angegeben, nicht das gesamte Verzeichnis. So wirkt es auch für Dokumente aus noch tieferen Unterunterverzeichnissen.

Den Punkt "Startseite" sollten Sie nicht entfernen, da ein über alle Webauftritte ein einheitlicher erster Menüpunkt sinnvoll ist.

%--- steht exemplarisch für eine graue Trennlinie und kann in jeder Hierarchietiefe verwendet werden.

Beispielmenü: demo.txt (Je nach Browsereinstellung können Umlaute im Quelltext  unterschiedlich dargestellt werden. Umlaute sind aber ganz normal verwendbar!)

Einfügen ins Template

Der mit dem Menügenerator erzeugte HTML-Quelltext kann über den Button "HTML-Code kopieren" in das Template übertragen werden. Er gehört, je nach gewählter Sprache, zwischen die HTML-Kommentare

<!-- Hier beginnt die deutsche Navigation -->
<!-- Hier endet die deutsche Navigation -->

bzw.

<!-- Hier beginnt die englische Navigation -->
<!-- Hier endet die englische Navigation -->

Den kompletten Rest des Templates lassen sie am Besten unverändert!

Logo oder Institutsname

Konfiguriert man in der Menü-Textdatei ein Logo, so wird dies in einer Höhe von 50px im Burgermenü als Brandinglogo eingefügt und ansonsten auf 80% der Menüspaltenbreite oben im Menü angezeigt. Manchmal ist es sinnvoll, für das normale Menü und das Burgermenü unterschiedliche Logos zu verwenden. Dies muss dann manuell nachgepflegt werden. Fehlt ein Wert für die Variable "logo" in der Menü-Textdatei, so wird stattdessen der Wert für "institut" als einfacher Schriftzug genutzt.

Da vielfach Institutsbezeichnungen in deutsch und englisch unterschiedlich sind und als solche im Logo auftauchen, ist dann auch für den Menügenerator die Nutzung unterschiedlicher Logos je Sprache zu empfehlen.