Hier entsteht, nach Bedarf, eine Liste von Anleitungen:
Gemeinsame Elemente (Footer, Header)
Sie finden hier alphabetisch alle Blöcke, die von den Piloten zur Gestaltung und Gliederung der Webseiten benötigt wurden, jeweils in einer Ansicht. Mit dem Pfeil-Button sehen Sie alle weiteren Einstellmöglichkeiten (Ausprägungen) des jeweiligen Blocks.
- Ankernavigation, Abschnitt, Akkordeon, Alert Box, Aufklappbarer Bereich, Beitragsseite, Beitragsarchiv, Beitragsauflistung, Beitragsfuß, Bild, Bildergalerie
- Bulletpoints (Listen), Button, Key Facts, Lightbox, Listenelement
- Logoraster, Modal/Info-Popup, Numberbox, Personenteaser, Prozessablauf
- Registerkarten, Schwerpunkte, Slider, Slider zusammengeführt, Seiteneinstieg
- Step by Step Form, Teaserbox, Testimonial, Überschrift, Video, Veranstaltungskalender
Im Gutenberg-Editor Core existieren noch viel mehr Blöcke, die im JGU Style erkennen Sie an der roten Farbe in der Blöcke-Übersicht. Demo-Seite des Gutenberg-Editors.
2 Blöcke, um zwischen verschiedenen Abschnitten innerhalb einer Seite zu navigieren, die Ankernavigation, die man üblicherweise nur einmal oben auf der Seite benötigt und der Ankerpunkt:
Ankernavigation, Abschnitt, Akkordeon, Alert Box, Aufklappbarer Bereich, Bildergalerie
Längere Webseiten durch Abschnitte mit farbigem Hintergrund versehen. Dadurch wird auch das Layout darin liegender Blöcke farblich automatisch angepasst. Zusätzlich werden Abstände zu den anderen Abschnitten eingefügt.
Geschachtelter Block Akkordeon, welcher einzelne Akkordeon-Elemente beinhaltet. Mit Suchfunktion.
| Block | Alle Beiträge? | integrierte Suche | Darstellung fix | featured Image | auf Kategorien einschränkbar? |
|---|---|---|---|---|---|
| Archive | ja, über Monatsliste | nein | ja | nein | nein |
| Beitrags-Archiv | ja, mit mehr laden-Knopf | ja | ja | ja | nein |
| Blog Archive | Ja | nein | ja | ja | ja |
| Magazin | ja | ja | ja | ja | nein |
| Post Listing | nur die ersten 20 | nein | verschiedene Layouts | ja | ja |
| Beitragsseite | ja | ja | ja | ja | ja |
Beitrags-Archiv: Alle Beiträge mit Suche (Zeit, Kategorien) aus verschiedenen Subsites der Multisite gemeinsam in einer festen Darstellung.
Blog Archive: Alle Beiträge in fester Darstellung. Sie können auf eine Kategorie einschränken.
Magazin: Blendet eine Suchmaske zum Filtern von Beiträgen ein, die Reiter mit den Kategorien funktionieren noch nicht.
Post Listing: Ein Archiv der Beiträge verschiedener Subsites anzeigen in Form einer Auflistung, mit in Fokus Beiträgen als Raster oder Slider. Die eierlegende Wollmilchsau: aus verschiedenen Subsites nach Kategorie eingeschränkt wählen Sie unter verschiedenen Layouts.
Die Beitragsseite ist KEIN Block! Sondern der Standard, der alternativ zur statischen Startseite im Customizer > Homepage-Einstellungen > Deine Startseite zeigt > Deine letzten Beiträge ausgewählt ist. Die ausgewählte Seite sollte bis auf die Überschrift leer sein und enthält eine Beitragsauflistung.
Beitragsfuß: Am Ende eines Beitrags ein Menü zum Teilen und Drucken des Beitrags.
Button, Key Facts, Lightbox, Liste
Mit der Lightbox fügen Sie Bilder ein, die anschließend bei Klick vollflächig in einer Lightbox angezeigt werden.
Bilder mit Beschreibungstext in einer Galerie mit Sliderfunktion. Bei Klick vollflächig mit Lightbox. Zusätzliche Möglichkeit, Thumbnails der weiteren Slides einzublenden.
Button in unterschiedlicher Darstellung, mit Icon/ohne etc.
Uni-Bibliografie einblenden: Bibliografische Daten sind die Butter auf dem Brot der Wissenschaft. Für Wissenschaftler der Uni Mainz stellt die Universitätsbibliothek daher eine eigene Bibliografie zur Verfügung, deren Inhalte WordPress ebenfalls anzeigen kann. Bibliografische Informationen müssen auf diese Weise nicht doppelt erfasst werden.
Kontakt- und Einrichtungsinfos anzeigen lassen (JGU IdM): binden Sie freigegebene Kontakt- und Einrichtungsinfos aus dem Personen- und Einrichtungsverzeichnis der JGU ein für einzelne Kontakte oder ganze Organisationen
JOGUStINe Lehrveranstaltungen einblenden: Die zentrale Verwaltung der Lehrveranstaltungen läuft über JOGUStINe. WordPress kann die Lehrveranstaltungen eines Instituts oder eines Dozenten einblenden.
Einfügen eines oder mehrerer Key Facts mit Icons, Headlines und Copytexten.
Block zur Darstellung der Kontaktdaten einer Person, die sich nicht in personen.uni-mainz.de befindet.
IdM ist aus datenschutzrechtlichen Gründen immer vorzuziehen, denn dort ist der Nutzung des eigenen Bilds bereits zugestimmt worden. Es dürfen dort nur Fotos hochgeladen werden, für die die Person auch die Bildrechte besitzt. Mehr zum Urheberrecht und dem Recht am eigenen Bild
Der Kontakt-Block ist eigentlich eine Alertbox mit Zusatzfunktionen, Sie könnten Sie also auch so verwenden:
Kontakt Raster
Einfügen der Kontaktdaten einer Person im Raster:
Liste mit Punkten oder Zahlen.
- Fasse Dich kurz!
- Konditional vermeiden!
- KISS = Keep it simple, stupid
Erstellung einer aufzählenden oder nummerierten Liste. Auch mit Unterpunkten und Icons.
Logoraster, Modal/Info-Popup, Numberbox, Personenteaser, Prozessablauf
Hiermit stellen Sie mehrere Logos oder Bilder nebeneinander dar und hinterlegen optional einen Link.
Der „Modaler Dialog“ Block kann benutzt werden, um Inhalte hinter einem Button zu „verstecken“ – die Informationen werden dann in einem Pop-Up gepflegt und dargestellt. Die Buttons sind farblich änderbar.
Ein graues oder günes Banner mit Bild, Liste Titel und einfachem Text
Darstellung von Zahlen, die im Frontend hochzählend angezeigt werden können. Mit austauschbaren Bildern und textlicher Erklärung.
Geschachtelter Block zur Darstellung eines mehrstufigen Prozesses. Quasi eine nummerierte Liste mit beliebigem Inhalt.
- Registerkarten, Schwerpunkte, Slider, Slider zusammengeführt, Seiteneinstieg
Gruppe aus verschiedenen Registerkarten. In die verschiedenen Register kann unterschiedlichster Content untergebracht werden.
Block zur Darstellung bestimmter Schwerpunkt-Informationen in tabellarischer Form oder mit Balken/Prozentdarstellung. Drei Farben sind möglich: Rot, Asphaltblau und Grau
Standardisierter Seitenkopf für JGU-Webseiten das im Aussehen veränderbar ist.
In diesen geschachtelten Slider fügen sie beliebig viele Slider Elemente ein. Diese wiederum enthalten andere Blöcke oder Medien, die automatisch eingeblendet werden und die eine Sliderfunktion haben. Die Anzahl der gleichzeitig angezeigten Slider Elemente pro Seite setzen Sie variabel für verschiedene Anzeigegeräte.
Slider groß mit Paginierung und Pfeilen ohne Lightbox
Step by Step Form, Teaserbox, Testimonial, Überschrift, Video, Veranstaltungskalender
Erstellt ein Schritt-für-Schritt-Formular zur Enscheidungsfindung. Nicht trivial.
Block-Box, in der Sie Text mit Bildern, Videos oder Audioinhalten kombinieren.
Block zur Darstellung eines Testimonials mit Zitat, Zitatgeber und Text.
Dies ist so aufgebaut, daß in einem Spalten-Block zwei gleich breite Spalten enthalten sind. Die linke Spalte enthält den Block Testimonial und die rechte Spalte enthält diesen Text. Beim Standard-Block Zitat fehlt im Unterschied zum Testimonial das Anführungszeichen.
Darstellung der unterschiedlichen Überschrift-Varianten.
Überschrift H-Tag Hierarchie
Überschrift H-Tag Hierarchie mit gleich bleibenden Design
Block zur Darstellung eines Videos mit änderbarem Buttontext und auf Wunsch mit Beschreibungstext.
