CMS Quick Guide

Umstellung des aktuellen Webdesign auf das kommende, neue Responsive Web Design (RWD).
Grundsätztlich wird die linke Navigation durch eine neue Hauptnavigation unter dem Website-Header ersetzt.
Je nach Bildschirmgrösse wird das Hauptmenü als Megamenü mit Flyout bzw. als Burgermenü angezeigt.
Es gibt die Wahl für eine linke oder rechte marginale Spalte.
Der Inhalt der rechten Spalte im alten Design wird in der marginale Spalte angezeigt.
Zusätzlich kann eine Kapitelnavigation ("Graue Box") auf Unterseiten angelegt werden.
Menüeintraege sind unabhängig von CMS Struktur, Namen und Links können beliebig gesetzt werden.
Anzeige von marginaler Spalte, Hauptmenue und Kapitelnavigation ändert sich je nach Bildschirmgrösse.

Mit dem Layout-Toggle in der Fusszeile in der Nähe von Impressum und Datenschutzhinweis kann im CMS zwischen den Ansichten umgeschaltet werden.
In der Live-View gibt es ebenso einen RWD Toggle, anschalten durch Aufruf von:  http://www.mps.mpg.de/en?_rwd_switch (bzw. /de?_rwd_switch.

Geplante Fertigstellung der RWD Umstellung: Februar 2019.

Dokumentation Links

Soll ich die Dokumente zu den Seminaren nochmals verlinken?
Leitfaden für den Umstieg vom klassischen auf das responsive Design.

https://de.cmswiki.mpg.de/Website_auf_das_neue_responsive_Webdesign_umstellen
https://de.cmswiki.mpg.de/images/7/7f/20180718_First_Step_Guide_RWD.pdf

Allgemeines

  • Entfernung von Textblockerweiterungen aus dem Hauptinhalt.
  • Überprüfung von selbstgeschriebenem HTML-Code und Custom-CSS Elementen.
  • Infobox: Titel (HTML) (H1) wichtig wg SSO auch immer mit Überchriften im Text (H2) arbeieten, nicht einfach nur fett.
  • Infobox: Titel (Header) überfluessig, es gibt kein Titel im Header mehr im RWD.
  • Titel (Navigation) macht fuer mich auch keinen Sinn mehr, nachfragen!
  • Wie ist die Stellvertreterregelung bei Titleln?
  • Jeder schaut sich seinen Bereich an, korrigiert und aktualisiert Bilder, brauchen wir Liste wer macht was?

Website-Header mit Minerva, Institutsnamen und Logo

Ich meine Birgit hat gesagt, dass Sie auf irgendwelcher Nachfrage etwas nach München geliefert hat.
Ich habe das bei der Anfrage fuer einen eigenen IMPRS-Header in München nachgefragt, wie denn der Stand sei.
Instituts-Logo rechts oder neben Minerva?

Startseite und Menu im RWD besonders und separat zum classic design

Das macht Birgit.
Zeilenerweiterung und Medien-Slider/Publikationen-Slider auch auf Unterseiten?

Was ist mit separaten Hauptseiten (Rosetta, Dawn, IMPRS, ...)

Ja geht, auch mit eigenem Namen und Logo im Website-Header.
Minerva bleibt immer.
Das neue Hauptmenü ist immer und überall gleich.

Hauptmenü

Sonja und Johannes haben einen ertsten Entwurf erstellt.
Jeder schaut sich das an und liefert Verbesserungsvorschläge.

Marginale Randspalte rechts oder links.

Die Konfiguration kann so geändert werden, dass die marginale Spalte rechts vom Hauptinhalt dargestellt wird.
Per Default links, ist nach rechts konfiguriert.
Dadurch erhalten wir den Hauptteil, also die wesentliche Information, immer linksbündig.
Kein Versprung durch nicht vorhandenen Inhalt in der linken Spalte und durch runterscrollen bei längeren Seiten.
Der Inhalt der rechten Spalte im alten Design bleibt jetzt rechts.
Die Kapitelnavigation erscheint oben in der rechten Spalte.

Navigation

Sofern möglich, Reduzierung der Ebenenanzahl auf drei bis fünf  Ebenen.
Hauptnavigation: Abbildung von bis zu drei Ebenen möglich im Flyout oder Burgermenü.
Das bekommen wir nicht hin, deswegen benutzen wir die Kapitelnavigation ("Graue Box").
Kapitelnavigation entweder links oder rechts, nicht im Hauptteil!?
Die Kapitelnavigation vererbt sich auf die verlinkten Seiten, auch Unterseiten?
Eigentlich ist Kapitelnavigation eine Behelfslösung.

Bilder

Entfernung nicht verwendeter Originalbilder aus Bilderweiterungen und Teasern.
Austausch der verbleibenden Originalbilder gegen eine Version in hoher Qualität mit mindestens 4 Megapixeln Auflösung und 1920 Pixeln Breite.
Was ist mit den alten Originalbildern, offenbar werden diese in der Bilderweiterung nicht mehr angezeigt, stehen nicht zur Auswahl bereit.
Die Originalbilder liegen in der Baumstruktur, wie können diese kopiert werden?
Fokuspunkt auf den in jedem Fall anzuzeigenden Bildteil setzen.

Dateiliste fuer Bilder im Orginal zum download oder Originalbild ohne Bearbeitung in Bilderweiterung auswaehlen, dies auch fuer animated GIF.

Header-Images und Teaser auf den Seiten

Welches Format soll hochgeladen werden, Michael fragt nach.
Wollen wir Header-Images einheitlich auf Unterseiten, das jeweils übergeordnete Bild falls kein eigenes definiert?

Footer

Intranet und Kontakt als Quicklink bereits gesetzt.
Was soll noch in die vier verschiedenen Footerspalten?

Social media buttons

  • Can they partly be removed?
  • Funktionieren die nur mit dem Accounts der Besucher?
  • Wozu wird der Facebook MPS-Account im CMS benoetigt?
  • Twitter YouTube Facebook importieren auf der Startseite mit Social Media Box (nur Startseite).
  • Nicht Echtzeit, 10 Minuten Cache.

Tags Schlagwort System

Tag-Liste: deutsch | englisch  https://www.mps.mpg.de/newsroom/tags_directory/de

Publikationen

Intranet

  • Was ist mit MPG Intranet?
  • Mitarbeiterdarstellung fuer Intranet extra Seiten.
Zur Redakteursansicht