Releases: RRZE-Webteam/FAU-RWFak
Release 2.5
Die Version 2.5 behebt einige Fehler der vorherigen Version, führt einige Verbesserungen bei der Nutzung von von Menüs und Widgets ein und ermöglicht nun erstmalig die uneingeschränkte Nutzung des Block Editors Gutenberg.
Die Varianten der Fakultätsthemes werden in der kommende Woche ebenfalls aktualisiert, sofern keine größeren Probleme mit der neuen Version festgestellt werden.
Änderungen in der Optik
- Das Logo des Social Media Netzwerkes Bluesky wurde aktualisiert
- Einige Schriften und Buttons im Kopfteil der Website wurden gemäß den strengeren Vorgaben der WCAG 2.2 erhöht.
Neue und geänderte Funktionen
- Default Template bei neuen Seiten #1471 und Standard Template
Es gibt ein neues Template „Seite ohne Navigation“. Das bisherige Template „Seite mit Navi links“ wurde umbenannt zu „Seite mit Navigation“.
Wird oder wurde das Standard-Template ausgewählt bei der Erstellung einer neuen Seite, wird diese eine Navigation links zeigen, wenn die Seite hierarisch untergeordnete Unterseiten hat oder selbst eine Unterseite ist.
Wenn die Seite dagegen unterhalb der Startseite der Website angehängt ist und auch keine Unterseiten hat, wird keine Navigation links gezeigt.
Wer auch bei Unterseiten erzwingen möchte, dass keine Navigation links angezeigt wird, muss das Template auf „Seite ohne Navigation“ ändern. Zu beachten ist jedoch, dass in solchen Fällen der Klickweg für Benutzer der Seite gestört sein kann. - Widgetbereich Sidebar #1266
Ab sofort ist es möglich, eine Seiten-Widget zu befüllen, die auf allen Webseiten angezeigt wird. Der Inhalt muss dabei nicht pro Seite eingestellt werden. Im Customizer kann zusätzlich eingestellt werden, ob diese Widget vor oder nach den seitenspezifischen Sitebar-Inhalten positioniert wird. - Custom CSS bei Websites vom Typ Kooperation wieder erlauben #1225
Bei dem Einsatz des Themes für Kooperationen ist es dem Administrator einer Website möglich, eigenes CSS zu ergänzen. Dieses CSS kann jedoch nicht bei anderen Website-Typen eingesetzt werden.
Fehlerbehebungen
- Pfeilfarbe falsch bei aktiven current menus #1480
- aria-expanded auf li im Hauptmenü #1479
- RSS-Shortcode in Alert #1460
- Interaktive Elemente vergrößern #1459
- Portalmenüs: Kappung bei Anzahl wird nicht resettet #1457
- Nach oben link überdeckt den Footerlinks #1439
- Zu kleine Nav-Elemente: Nicht mind 44px #1475
- Buttongröße für Top-Menübuttons nicht ausreichend #1467
- Overwrite ws-forms CSS für line-height #1463
Release 2.4
Änderungen in der Optik
- Sticky Hauptnavigation: Ist man in einem unteren Teil einer Seite und scrollt nach oben, erscheint das Hauptmenü.
- Linke Navigation prüfen und anpassen: Die linke Navigation wurde nun optisch einheitlich gestaltet und vormals als zu knallig empfundene Farben entfernt.
- Anpassung der Zeilenhöhe (Minimale Erhöhung des Mindestwertes): Die Mindestzeilenhöhe des Inhalts wurde erhöht um die Barrierefreiheit zu verbessern.
- Weitere Anpassungen bei der mobilen Darstellung: Die mobile Darstellung, insbesondere der Menüs, wurde verbessert.
- Runde Ecken bei den Sucheingabemasken entfernt: Die EIngabefelder der Suchmasken wurden optisch verienheitlicht. Die obere Suchmaske ist per Default eingeklappt. Auch ist es über den Customizer nunmehr möglich, die Suche ganz abzuschalten. (Die Mehrheit aller Nutzer verwendet Internet-Suchmaschinen).
- Portalmenü: Zoom-Effekt beim Bildhover deaktivieren oder verbessern
- Aktualisierung Icons
- Die Icons verschiedener Social-Media- und Forschungsportale wurden aktualisiert und ergänzt. Das Icon für Twitter wurde geändert, während folgende neue Icons hinzu kamen: Bluesky, Twitch, Reddit, Mastodon, TikTok, Indeed, LinkedIn, Researchgate, OrcId, ArXiv. Eine Auswahl der verfügbaren Social-Media und Wissenschaftsportale zeigt das folgende Screenshot:
- Anpassungen der Ausgaben von den Plugins FAU Person und UnivIS.
- Das Werkzeugicon für Kooperationen, die ausserhalb des FAU-Kontextes sind, wurde entsprechend der Größe des Hamburgermenüs angepasst.
- Icons Meta-Navigation
Neue und geänderte Funktionen
- Wiedereinführung einer Menüoption für Websites mit wenigen Menüeinträgen: Diese Funktion erlaubt es, das Hauptmenü wieder auf eine kleinere Darstellungsform zu ändern, bei der nur wenige Seiten unter dem Hauptmenüpunkt verlinkt sind. Sie finden die Option, um dieses einzuschalten im Customizer unter Anzeigeoptionen - Hauptmenü - Darstellung.
- Abschaltbare Artikelbilder: Die Artikelbilder sind sowohl in der Blogroll als auch im Artikel abschaltbar.
- Neue Platzhalterbilder für Slider, Artikelbilder und Portalmenüs - Alle Platzhaltergrafiken, die in Anwendung kommen, wenn bei Artikeln, Slidern oder Banner auf der Startseite kein eigenes Bild hochgelanden wurde, wurden erneuert. Folgende PLatzhalterbilder werden nunmehr verwendet.
Fehlerbehebungen
- Menüpunkte im Hauptmenü auf bestimmten Bildschirmgrößen unerreichbar
- Kein Inhalt nach Überschrift wegen rechter Spalte
- Mobile Ansicht: Logo nicht mittig
- Sprachschalter doppelt: Ein Mobiler Teil wird im Code zusätzlich erstellt und ist auf Desktop sichtbar.
- Artikelbild auf Beiträgen wird verzerrt, wenn es Maximalwerte überschreitet
- Galerie mit Überlagerung bei Dots
- Slider in Fakultätsthemes (Mobile) – Falsche Farbe im Hintergrund
- Schriftfarbe Portalbutton bei med, nat, tf falsch
Release 2.3
Release 2.1
Release 2.0
Die neue Version setzt einige umfangreiche Änderungen am FAU Design um. So unter anderem:
- Das neue FAU Logo,
- die neuen Farbvarianten für die Fakultäten,
- neue Proportionen im Aufbau der Seitenbestandteile,
- eine größere, besser lesbare Schrift,
- die Unterstützung und Verbreiterung des Inhaltsbereiches für größere Bildschirme,
- eine Aktualisierung und Verbesserung der Darstellung auf mobilen Endgeräten (u.a. Handys),
- Verbesserungen und Korrekturen der Barrierefreiheit.
Weiterhin wurden zwei neue Plugins bereit gestellt und für alle Websites aktiviert:
- Das Plugin FAU Orga Breadcrumb zur Darstellung einer organisatorischen Navigation.
- Das Plugin FAU Fehlermeldungen zur Anreicherung von Fehlerseiten (zum Beispiel bei einer nicht mehr existierenden und nicht findbaren Seite) mit wissenschaftlich fundierten Hinweisen.
Die komplette Liste der vorgenommenen Änderungen und Fehlerbehebungen zur Version 2.0 kann über GitHub abgerufen werden. Eine Übersicht der Änderungen kann auch in der Dokumentation abgerufen werden. Dort findet sich auch die komplette Anleitung zu allen Funktionen der Themes und der Plugins, sowie verschiedene Artikel und Tutorials zur optimalen Nutzung, Darstellungen und Präsentation von Inhalten im Web.
Die folgenden Änderungen sollen hier besonders erwähnt werden:
Logos
Die bisherigen vor auswählbaren Logos der Fakultäten und der Fachbereiche WISO und JURA entfallen ersatzlos. Die Logos sollten nur bei den jeweiligen Fakultätsseiten zum Einsatz kommen, wurden jedoch auch von Seiten verwendet, die eine andere, eigene Bezeichnung haben. Durch die Verwendung eines Logos einer anderen Website kam es bei den Lesern zu Verwirrung darüber, wo man sich denn nun befand.
Websites, die diese Defaultlogos nutzten, werden zurück gesetzt auf eine Darstellung eines nicht grafischen Logos, welches sich automatisch anhand des Seitentitels generieren lässt.
Mit der neuen Version 2.0 wird eine Logoartige Darstellung („Schriftlogo“) auch ohne Upload eines grafischen Logos ermöglicht. Es reicht die Angabe des Titels der Website (optional in kurzer Form) und optional der Abkürzung. Wenn kein grafisches Logo hochgeladen wurde, werden diese Werte verwendet um das Schriftlogo zu erzeugen, die dem neuen Markendesign 2021 entspricht.
Durch diese Funktionalität ist es nicht mehr erforderlich, sich ein grafisches Logo von einem Designer aufwendig entwickeln zu lassen und hierfür gar Kosten aufzuwenden.
Bei der Darstellung des Schriftlogos wird eine eigene Schriftfont „FAU Chimera“ verwendet. Diese Schrift basiert auf den Schriften Hind und Roboto, die beide unter einer freien Lizenz (OFL bzw Apache) stehen.
Logos werden nicht mehr als „Header Image“ hochgeladen, sondern als „Logo“ . Dies erfolgt im Customizer unter dem Punkt Website-Informationen.
Schmuck- und Symbolbilder
Die bisherigen Symbol- und Fallbackbilder für Artikel, Seiten, Pages etc. in der Blogroll wurden ersetzt durch das SVG-Logo der FAU (ohne Schriftzug)
Das Siegel der FAU wurde aus der Breadcrumb, dem Menü und den Fehlerseiten entfernt.
Bei der Handydarstellung wird das Fallback-Bild ausgeblendet
FAU Orga Breadcrumb
Mit Version 2.0 wird eine organisatorischen Breadcrumb eingeführt. Diese wird (im View > 800 Pixel) unterhalb der grauen Metaleiste im Weißraum über Logo und Hauptmenü platziert.
Zu welcher organisatorische Einordnung eine Website gehört wird ab Release manuell unter Customizer -> Website-Einstellungen gesteuert werden. Dort wird es, abhängig vom gewählten Theme (=Erste Zuordnung ob eine Website zu einer Fakultät oder dem Zentralbereich gehört) eine Auswahl geben mit dem einer Fakultät oder dem Zentralbereich zur Verfügung stehenden hierarchisch gegliederten Oberpunkten. Eine Einrichtung kann dort anhand der Auswahlliste selbst auswählen, welches die nächst hierarchisch höhere Einrichtung ist. Anhand dieses Auswahl wird dann die Orga Breadcrumb aufgebaut.
Die Auswahlliste der hierarchisch definierten Oberpunkte wird (in Abstimmung mit dem CIO-Office) vorgegeben werden und kann nicht manuell bearbeitet werden.
Durch die Orga Breadcrumb wird der vorher in der Metaleiste sichtbare Link auf die jeweilige Fakultät ersetzt. Dadurch erhält die optional änderbare Liste der Eintröge im Metamenü mehr sichtbaren Platz.
Fehlermeldungen
Die Fehlerseiten (401, 403, 404, und andere) werden in Zukunft inhaltlich und optisch durch das Plugin FAU Fehlermeldungen angereichert, sofern es vorhanden und aktiv ist. Hierbei wird technisch wie bei dem Plugin FAU ORGA Breadcrumb vorgegangen und den Status des Plugins abgefragt.
Wenn das Plugin nicht vorhanden ist, wird eine normale, nicht angereicherte Meldung gezeigt, wie eben „Zugriff nicht möglich“.
Die bisherigen, 4 optionalen Menüpositionen mit dessen Hilfe man im Fehlerfalle auf weitere hilfreiche Seiten verweisen konnte, wurden ersetzt durch nur noch eine Menüposition „Fehler- und Suchseite: Vorschlagmenu“. Dieses wird in der Form eines Portalmenüs unter der Suchmaske angezeigt.
Favicons
Das Theme liefert in der Defaultausgabe abhängig vom gewählten Themetyp (Fakultät) ein Set an Favicons. Bestehend aus
- favicon.ico (48×48)
- favicon-32×32.png
- favicon-180×180.png
- favicon.svg
Bei einer Anzeige von Websites im Browser, die in verschiedener Tabs aufgerufen und vorgehalten wurden, können die jeweiligen Seiten besser als bisher voneinander unterschieden werden und sind deutlich der FAU zuordbar.
Änderung der Menüs in der Handyauflösung
Durch die neue Orga Breadcrumb kommt es zur Notwendigkeit in der Handyauflösung ein zusätzliches „Orga“-Menü zu errichten. Die bisherige Form war bereits durch das Suchsymbol und das optionale Sprachschaltersymbol zu „eng“ um dort noch ein weiteres Symbol unterzubringen. Zudem nahm das Menü im oberen Teil bereits zu viel Platz ein, wie auch Beschwerden aus Nutzersicht zeigten.
Das neue Orga-Menü wird bei FAU-Websites (Seiten, die in dem Customizer der FAU zugehörig eingestellt wurden) durch das FAU-Logo aufgeklappt. Bei Nicht-FAU-Websites wird ein anderes Symbol verwendet.
Durch diese neue Form bleibt das FAU Logo vorhanden, wird jedoch zum Schalter. Nach Klick auf den Schalter öffnet sich das Orga-Menü in dem dann der richtige Link zur FAU klickbar ist. Diese Umsetzung löst auch das Problem, dass ein Leser der Seite, die nur auf dessen Startseite zurück wollten, aus versehen auf das FAU Logo klickten und dann ungewollt die Website verließen.
Die Darstellung auf mobilen Endgeräten wurden auch an anderen Stellen optimiert und sollte nun auch in der Bedienung und dem Aufruf multimedialer Inhalte eine deutliche Verbesserung darstellen.
Hauptmenü
Das Hauptmenü wurde auf die bisherige optionale Darstellung eines „Metamenüs“ geändert.
Bei dem alten Menü wurden bei den Untermenüeinträgen nur eine kleine Zahl an Einträgen in einer linken Spalte angezeigt. Diese waren dann auch nur jene Einträge der nächsten Ebene unter den Hauptmenü, nicht aber hierarchisch weiter unten angeordnete Seiten. Rechts daneben konnte dann ein Zitat und das Artikelbild der Portalseite (hierarchisch höhere Seite) angezeigt werden:
Bei der breiteren Darstellung der Websites ist diese Darstellung nicht mehr optimal. Zudem gibt es den höheren und häufig artikulierten Bedarf mehrere Menüpunkte übersichtlich darstellen zu können. Die neue Darstellung des Metamenüs, die bereits ab 2018 für zentrale FAU-Webseiten eingeführt wurde und bisher optional einschaltbar war, leistet dies.
Daher wurde die bisherige Menüdarstellung entfernt und die neue Darstellung für alle Websites aktiviert.
Mit der neuen Darstellung entfallen auch alle damit zusammenhängende Optionen und Einstellungen der alten Menüdarstellung. Die Bedienung wird durch den Wegfall der Optionen einfacher.
Auch die Optionen zum Verbergen von Links auf externe Websites und auf die Startseite entfallen.
Wenn das Hauptmenü bei den Menü-Positionen (noch) nicht besetzt wurde, wird es auch nicht angezeigt. Es wird kein Fallback in Form des ersten, vorhandenen Menüs verwendet.
Default-Links
Die Links zu Rechtstexten in der technische Navigation, Quicklinks bei dem Slider-Template Fakultäten wurden geändert und teilweise entfernt:
Die Links zu den Rechtstexten in der technischen Navigation unten waren bislang als Default vorhanden, solange man keine eigenen Einträge in dem Menü der technischen Navigation machte. Die Defaults leiteten auf die entsprechenden Seiten Impressum, Datenschutz und Barrierefreiheit des FAU-Portals. Leider führte dies dazu, dass einige Sitebetreiber vergaßen, die Links entsprechend auf die eigenen notwendigen Rechtstextseiten zu lenken. Die Links wurden daher so angepasst, dass sie nunmehr nicht mehr auf die FAU-Seite verweisen, sondern auf die korrekte Position der Rechtstextseiten der eigenen Website.
Die bisherigen Quicklinks unterhalb des Sliders bei der Wahl des Templates Startseite Fakultät waren ebenfalls mit einem Fallback versehen mit der einer Liste an Links zu zentralen Einrichtungen und dem FAU-Portal. Diese Fallbacks waren teilweise ungültig geworden. Die Fallback-Links wurden daher entfernt.
Release 1.13
Version 1.11
Folgende neue Funktionen, Änderungen und Fehlerkorrekturen wurden in der neuen Version umgesetzt:
- Fehlerbehebungen bei der Darstellung der Webseiten und des Hamburger-Menüs bei kleinen Bildschirmen (Smartphones)
- Neugestaltung des Hamburger-Menüs
- Optionale neue Funktionalität und Darstellung des Hauptmenüs:
Das Hauptmenü kann nunmehr so eingestellt werden, dass die Unterpunkte nur auf Klick sichtbar werden
Die Darstellung der Unterpunkte kann optional nun ohne Bild und Spruch statt finden und stattdessen die Untermenüpunkte bis zur dritten Ebene darstellen („Megamenu“-Ansicht)
Die Optionen zur Änderung des Menüverhaltens ist derzeit nur durch Superadmins möglich; Diese Form der Darstellung ist momentan nur dem geplante Refresh der FAU-Hauptseite vorbehalten. - Bei dem Template „Startseite Fakultät“ ist der Quicklink-Bereich nunmehr abschaltbar
- Umstellung der Galerie-Funktion
Umstellung der Slider-Funktionalität auf die JS-Bibliothek Slick
Verbesserung bei de Nutzung des [gallery] Shortcodes durch neue Parameter
Berücksichtigung des Parameters der Anzahl der Bilder pro Zeile aus dem WordPress-Galerie-Wizard.
Umstellung der Imagelink-Funktionalität (Partner- und Sponsorenlogos)
Einführung eines neuen Shortcodes [imagelink] für die Darstellung der Bilder bzw. Partnerlogos auf allen Seiten.
Neue Möglichkeiten der Darstellung, inklusive einer Grid-Darstellung, Nutzung von Hintergrundfarben der Fakultäten und gerundete Bilder
Wechsel der JS.Bibliothek auf Slick - Option zur Deklarierung eines Seitentitels in einer anderen Sprache: Damit Suchmaschinen und Screenreader auf einer deutschen Website einen englischsprachigen Seitentitel korrekt wiedergeben, kann nun in der Bearbeitung einer Seite die Sprache des Titels angegeben werden.
- Die Sprungmarken für Screenreader wurden erneuert und aufgeräumt. Sprungmarken zum Menu und zur Suche wurden entfernt, da diese unmittelbar nach der Liste der Sprungmarken kommen. Die Sprungmarke zum Inhalt erhielt einen neuen Hashcode (#droppoint) und sollte nun besser funktionieren.
- Ein Fehler bei der Definition der Klasse .screen-reader-text wurde korrigiert. Hierbei wurde die Definition von Bootstrap 4 verwendet.
- Die optionale Angabe des Textes „FAU Aktuell“ im Breadcrumb wurde entfernt: Die Mehrzahl der Webauftritte veröffentlicht keine „FAU Aktuell“, hat aber diesen Defaultwert übernommen gehabt.
- Der Link zur Sprache wurde im Handling verbessert: Es ist nicht mehr notwendig, die Buchstaben der Sprache exakt zu treffen (#591).
- Ein Fehler bei der Darstellung (#614) der Suchmaske in mobilen Darstellungen wurde behoben.
Release 1.6
Release 1.4
Merge pull request #13 from RRZE-Webteam/dev1-4 Dev1 4
Release 1.2
v1-2 Abstand Portalindex verbessert