Navigation

Bei Bedarf kann die komplette Navigationsstruktur aus einem bereits vorhandenen zentral gehosteten WordPress- oder OpenText-Projekt importiert werden. Dabei werden jedoch nur die Navigationslinks an sich und nicht etwa die Seiten selbst importiert. Diese Funktion dient zur Integration, wenn Ihre Einrichtung in mehrere Projekte geteilt ist und Sie eine gemeinsame Menüleiste verwenden möchten.

Weiterlesen "Navigation aus anderen Projekten an der JGU importieren"

Das WordPress-Hosting ist für Fachbereiche und Einrichtungen der Universität kostenlos.
Das Layout ('Theme') der JGU ist für alle Domänen *uni-mainz.de gleich. Dies ist der Wunsch der Hochschulleitung.

Wie ist das mit dem Layout?

Prinzipiell besteht in begründeten Einzelfällen (z.B. Kooperationsprojekte mit externen Einrichtungen) die Möglichkeit, über sog. 'Child-Themes' CSS-basierte Abwandlungen des Uni-Layouts zu verwenden. Bitte wenden Sie sich hierzu ggf. an Univ.-Prof. Dr. Franz Rothlauf, Chief Information Officer (CIO) der Johannes Gutenberg-Universität Mainz.

Ich habe den Antrag abgeschickt. Was jetzt?

 

Menütypen

Im JGU Layout existieren zwei Bereiche für Navigationsmenüs. Sie brauchen also in Ihrem Blog nie mehr als 2 Menüs.

💡: Aus Gründen der Zugänglichkeit (Barrierefreiheit) ist es sinnvoll, ein Menü auch nur einmalig zuzuweisen. Es ist also nicht sinnvoll, das gleiche Menü auf BEIDEN Menüplätzen anzuzeigen, weil die Inhalte dann jeweils doppelt erscheinen.
Mehr zur Barrierefreiheit auf Webseiten

Oben rechts: das Level 1 Menü

Dieses Menü befindet sich in der rechten oberen Ecke, beim Überstreichen mit dem Mauszeiger klappen Untermenüs auf. Somit kann eine Navigation mit zwei Ebenen eingebunden werden.

Links: Navigation linke Spalte

Hier kann eine komplette hierarchische Navigationsstruktur abgebildet werden.

Navigation einrichten

Verwalten Sie die Menüs im Dashboard unter Design  → Menüs.

Menü erstellen

Legen Sie zuerst Seiten oder kategorisierte Artikel an. Dann legen Sie (wenn noch nicht vorhanden) ein Menü an, weisen Seiten, Links und Kategorien zu und bestimmen dessen Position im Blog (oben oder links).

Erzeugen Sie ein neues Menü im Dashboard unter Design  → Menüs → erstelle ein neues Menü. Auf bereits eingerichtete Menüs greifen Sie aus dem Klappmenü zu und klicken "Wähle".

Als nächstes weisen Sie dem ausgewählten Menü Seiten, Links oder (wenn Sie mit kategorisierten Beiträgen arbeiten) Kategorien zu, indem Sie den gewünschten Bereich durch Klick öffnen, die Elemente anhaken und dann auf "Zum Menü hinzufügen" anklicken. Details dazu finden Sie im Folgenden.

Definieren Sie Reihenfolge und Struktur der Menüpunkte, indem Sie die Elemente mit der Maus an die gewünschte Stelle schieben. Eingerückte Elemente erscheinen als Unterpunkte.

Löschen Sie Menüelemente, indem Sie diese aufklappen und dort auf "Entfernen" klicken. Dort können Sie auch den "Angezeigten Namen" ändern, falls sich Seitentitel und Menütitel unterscheiden sollen.

Diese Änderungen müssen Sie danach mit "Menü speichern" bestätigen.

Menübäume zuweisen

Unter dem Punkt Menü-Einstellungen - Position im Theme finden Sie  Level 1 Navigation und Navigation Linke Spalte wieder. Hier können Sie festlegen, an welcher Stelle ein bereits definiertes Menü auf der Seite angezeigt werden soll. Jedwede Änderung wird erst mit Menü speichern aktiv.

Nochmal zur Erinnerung: Das  Level-1-Menü zwei und die Navigation in der linken Spalte fünf Hierarchieebenen.

Menüpunkt einfügen

Seite einfügen

Im Dashboard - Design - Menüs. Falls es mehrere Menüs gibt, wählen Sie das richtige im Klappmenü dort aus. Vorhandene Seiten fügen Sie im Menü "Seiten" ein. Die Seite muß veröffentlicht sein (Private Seiten und Entwürfe können Sie NICHT zuordnen!)

Haken Sie die Seite an und bestätigen anschließend mit "Zum Menü hinzufügen". Die Seite wird nun als letzter Menüpunkt angehängt.

Alle Änderungen werden erst aktiv, wenn Sie auf "Menü speichern" klicken. Sie können auch mehrere Seiten anhaken und in einem Rutsch hinzufügen.

Links einfügen (externe Webseiten im Menü verlinken)

Um beliebige Internetseiten im Menü zu verlinken, benutzen Sie das Modul Links.

Externe Links sollten die Ausnahme in den Navigationsmenüs sein. Nützlich sind Links, um übergeordnete Projekte, Institute, "benachbarte" Einrichtungen oder beispielsweise die Startseite der Uni Mainz zu verlinken. Im Beispiel setzen wir einen Link auf das Zentrum für Datenverarbeitung.

Links im Menü in neuer Registerkarte öffnen

Im Dashboard → Design → Menüs Öffnen Sie den Menüpunkt mit dem kleinen grauen Pfeil rechts. Machen Sie den Haken bei Link in neuem Fenster oder Tab öffnen

Sollten Sie diesen Menüpunkt nicht finden, fehlt Ihnen noch der Haken bei  Ansicht anpassen oben rechts im Fenster für die Eigenschaft Linkziel.

Link zu einer Liste von Beiträgen per Kategorie einfügen

In der gleichen Spalte, in der sich auch die "Links" und "Seiten" befinden, gibt es auch "Kategorien". Hier können Sie eine von Ihnen zuvor erstellte Kategorie auswählen. Auf diese Weise wird eine Seite in das Menü eingebaut, die eine chronologische Liste aller Artikel enthält, welchen diese Kategorie zugeordnet wurde. So können Sie auf einfache Weise z.B. aktuelle Nachrichten zu einem bestimmten Thema oder Teilgebiet Ihres Projektes anzeigen.

Link zur Startseite des Blogs einfügen

Sie können auch die Startseite des Blogs - das ist die Seite, die bei Aufruf der Blog-URL durch einen Besucher als Erste geladen wird - in jedes Menü einbinden.

Die Startseite jedes Blogs finden Sie für ein Menü, wenn Sie links unten im Feld 'Seiten' auf den Reiter 'Zeige alle' klicken und die Seite "Startseite: Überschrift der Seite" auswählen.

Danach können Sie die Startseite wie üblich per 'Drag & Drop' im Menü an die gewünschte Stelle schieben.

 

Reihenfolge und Sortierung

Die Reihenfolge der Seiten im Menü ändern Sie durch festhalten und ziehen ("drag & drop") mit der Maus. Klicken Sie auf den zu verschiebenden Eintrag und ziehen ihn bei gedrückter Maustaste an die gewünschte Stelle. WordPress zeigt dabei mithilfe eines gestrichelten Kastens die Stelle an, an der der Eintrag eingefügt würde.

Lassen Sie die Maustaste los und speichern Sie das Menü, dann können Sie die Änderung ansehen.

Auch die Struktur, also die Hierarchie legen Sie fest, indem Sie einen Menüpunkt unter einer Seite nach rechts ziehen:

Menüpunkte bearbeiten und entfernen

Sie können die Beschriftung jedes Menüeintrags ändern. Klicken Sie dazu auf den kleinen Dreieckspfeil rechts von der Beschriftung. Passen Sie den Text bei "Angezeigter Name" an. Der Menüeintrag bekommt standardmäßig den Text der Überschrift. Kürzen Sie lange unübersichtliche Einträge. Speichern Sie die Änderungen mit "Menü speichern".

Wichtig zur Verbesserung der Barrierefreiheit Ihrer Seiten: Um Ihre Seiten z.B. für die Screenreader sehbehinderter Personen besser nutzbar zu machen, sollten Sie nach Möglichkeit das Feld 'HTML-Attribut title' mit einem gut beschreibenden Text für Ihren Menüpunkt/Link belegen.

Ist der Menüpunkt ein Link, so kann auch das Ziel des selbigen verändert werden.

Klicken Sie auf "Entfernen", so wird nur der Menüeintrag entfernt. Die Seite / der Link / die Kategorie bleiben erhalten.

Änderungen werden erst übernommen, wenn Sie auf 'Menü speichern' klicken.

Navigationsstruktur aufklappen

Es ist möglich, auf einzelnen Seiten die Navigation der linken Spalte zwar an einer bestimmten Stelle 'aufzuklappen', die Seiten selbst aber nicht in der Navigation anzuzeigen. Hängen Sie dazu die Seite als Menüpunkt an die gewünschte Stelle ein. Stellen Sie bei der Bearbeitung des Navigationsmenüs sicher, dass oben im Dashboard unter Optionen 'CSS-Klassen' angehakt ist:

Nun müssen Sie für denjenigen Menüpunkt, der selbst nicht angezeigt werden soll, im optionalen Feld 'CSS-Klassen' Folgendes eintragen: hidden-menu-item . Anschließend das Menü speichern wie immer.

Im Beispiel unten wird dieser Eintrag für die Seite 'XSL-Test' gemacht, die nicht im Menü angezeigt werden soll. Bei Anzeige der Seite 'XSL Test' im Frontend wird aber der darübergelegene Menüpunkt 'Test Campusservice' als ausgewählt angezeigt werden, denn die Menüfunktion wertet mit dieser Einstellung alle Informationen über die Lage der Seite 'XSL Test' in der Menüstruktur aus - nur das hidden-menu-item wird in der linken Spalte nicht anzeigt:

Bitte beachten: wir empfehlen, die oben beschriebene CSS-Klasse mit Bedacht zu verwenden, und dabei nicht mehr als ca. 300 Menüeinträge insgesamt in eine Navigationsstruktur einzubinden.

Verschiedene Menüs in der linken Spalte  / Nur Untermenüs anzeigen in der linken Spalte

Sie möchten in den verschiedenen Bereichen Ihres Projekts unterschiedliche Menüs?

Sie verwenden das Level1 Menü und das linke Spalte Menü mit dem gleichen Menübaum und wollen nicht, daß in den Unterseiten jeweils quasi gedoppelt auch der gesamte obere Bereich nochmals auftaucht?

Mit dem Customizer stellen Sie dies ein:

Im Customizer-Bereich Navigation-Layout wechseln Sie die Darstellung im linken Menü: von vollständig auf nur Unternavigation