Logo Universität Bayreuth
Springe zum InhaltZum Footer springen
Logo Universität Bayreuth

Gestaltungswidgets

Hier finden Sie Widgets, die vor allem verwendet werden können, um die Inhalte der Seite optisch ansprechender zu gestalten und die Seiten etwas aufzulockern.

Akkordeon

Mit Akkordeons kann Inhalt versteckt werden, der dann erst beim klicken darauf angezeigt wird. Somit kann zum Beispiel eine Seite mit viel Textinhalten aufgelockert werden, indem nicht zu viel Text auf einmal sichtbar ist. 

Boxen

Mit dem Box-Widget können Seiteninhalte optisch gruppiert werden. Dieser Text und diese Überschrift befinden sich in einer gemeinsamen Box, deren Hintergrund auf grau eingestellt ist. Alle Inhalte können aber natürlich auch ohne eine Box dahinter auf der Seite eingefügt werden, wie z. B. die Divider zwischen den Boxen auf dieser Seite.

Columns

Columns können verwendet werden, um Inhalte nebeneinander darzustellen. Dabei kann die Spaltenanzahl variiert werden.

Hier werden zwei Spalten verwendet, eine gefüllt mit Text und die andere mit einem Bild.

Studierende am Campus der Uni Bayreuth

Columns eignen sich gut, um mehrere Bilder wie eine Bildgalerie auf der Seite darzustellen.

PNS-Gebäude
TAO
RW I
FZA

Tab Widget

Das Tab-Widget funktioniert im Grunde genau so, wie die Akkordeons. Anstatt des Ausklappens wechselt man hier jedoch zwischen Tabs, wodurch immer nur der Inhalt des ausgewählten Tabs angezeigt wird.

Sowohl beim Akkordeon- als auch beim Tab-Widget gibt es die Option, Icons zu ergänzen und aus einer vorgefertigten Auswahl in den Widget-Eigenschaften ein passendes auszusuchen. Dafür muss aber in den Eigenschaften "Icons anzeigen" auf Ja gesetzt werden.

Auch bei den Tabs können nicht nur Texte, sondern verschiedenste Widgets eingesetzt werden.

Zeitungen

Das Tab-Widget funktioniert im Grunde genau so, wie die Akkordeons. Anstatt des Ausklappens wechselt man hier jedoch zwischen Tabs, wodurch immer nur der Inhalt des ausgewählten Tabs angezeigt wird.

Definition List

Definitionslisten eignen sich besonders, um Inhalte mit bestimmten Zusammenhängen darzustellen.

Person 1

  • Kontakt
  • Zuständigkeiten

Person 2

  • Kontakt
  • Zuständigkeiten

Person 3

  • Kontakt
  • Zuständigkeiten