Juhuu, es gibt neue Module!

Die Module "01 Text" und "49 Accordion" können neu in Containern einzeln verwendet und kombiniert werden. So ergeben sich ganz neue Gestaltungsmöglichkeiten! Beispiele dafür findet ihr auf den Seiten "00 Container" und "03-05 Text Module" (zu unterst).

Dokumentation Umbraco Modules

Hier findet ihr die Dokumentation von allen verfügbaren Modulen. Jedes Modul hat verschiedene Darstellungsmöglichkeiten im Tab "Design". Die Kacheln in dieser Übersicht zeigen die verschiedenen Farb-Themes für die Hintergründe (light - none - dark).

Zur Erstellung dieser Übersicht wurde das Modul "06 Link Box" verwendet.

01

Text

07-13

Media Module

21-22

Timetable, Courses

31

News

02

Text with Media

14-18

Links, Downloads & Tabelle

23-28

Collection Modules

33

Event Calendar

20

Timeline

03-05

Text Module

30

Organigramm

42-45

SMS Totomat, iFrame, Gallery Extended

00 Container

Mit Containern ergeben sich viele zusätzliche Gestaltungsmöglichkeiten! Damit kannst du Spalten erstellen, in denen auch noch weitere Module zur Verfügung stehen. Einzelne Module können auch so angeordnet werden, dass neue Layouts entstehen.

Editors Guide

Danke, dass du unsere Webseite aktuell hältst und den Inhalt stetig weiterentwickelst! Davon lebt unser Auftritt und dadurch wird unsere Webseite noch attraktiver. Hier findest du ein paar Guidelines, wie wir beim Erfassen von Inhalten vorgehen.

Der erste Eindruck zählt! Übersichtsseiten sind wichtig, da sie innerhalb von kurzer Zeit einerseits einen Überblick über den Inhalt bieten müssen und andererseits entscheidet auch der optische Eindruck, ob jemand noch weiter klickt oder nicht.

Wir bauen unsere Übersichtsseite der Bereiche so auf:

1. Slider
Übersichtsseiten beginnen immer mit einem Header. Verwende dazu das Modul "11 Slider". Verwende ein emotionales und aussagekräftiges Hintergrundbild und schreibe Text, der den Inhalt der Unterseiten ansprechend zusammenfasst. Dieser Text ist besonders für Google wichtig.

2. News

3. Call to Action
Verlinke die wichtigsten Unterseiten. Hier kannst du auch wichtigen Inhalt direkt anteasen und verlinken.

Der erste Eindruck zählt! Übersichtsseiten sind wichtig, da sie innerhalb von kurzer Zeit einerseits einen Überblick über den Inhalt bieten müssen und andererseits entscheidet auch der optische Eindruck, ob jemand noch weiter klickt oder nicht.

Wir bauen unsere Übersichtsseiten so auf:

1. Slider mit Text
Übersichtsseiten beginnen immer mit einem Header. Verwende dazu das Modul "11 Slider". Verwende ein emotionales und aussagekräftiges Hintergrundbild. Schreibe einen Leitspruch («Titel») und auch einen Untertitel (um was geht es hier?), der den Inhalt der Unterseiten ansprechend zusammenfasst. Dieser Text ist besonders für Google wichtig.

2. Übersicht des Inhalts
Verlinke die wichtigsten Unterseiten. Hier kannst du auch wichtigen Inhalt direkt anteasen und verlinken.

Definition folgt

Es gibt ein paar Sachen, die beim Copy & Pasten von Inhalt wichtig sind:

  1. Den kopierten Inhalt IMMER zuerst in einen Texteditor kopieren. Damit verhinderst du, dass ungewollte Formatierungen von anderen Webseiten oder PDFs übernommen werden.

  2. Kontrolliere, dass es keine unnötigen Zeilenumbrüche hat. Umbrüche können aus Versehen mitkopiert werden.
  • Interne Links: werden im selben Fenster geöffnet
  • Externe Links: werden in einem neuen Fenster geöffnet (z.B. Dokumente, andere Webseiten, etc.)

Kriterien zur Auswahl

  • Das Bild transportiert Emotionen.
  • Das Bild ist nicht freigestellt.
  • Die Aussage des Bildes passt zum Inhalt.
  • Das Bild ist aktuell oder zeitlos (Sponsoren, Spieler/-innen).

Text über dem Bild muss lesbar sein. Wähle das Bild oder den Farb-Overlay entsprechend.

Definition folgt

Do's

Verwende Bilder mit Menschen.
Wo immer möglich, belebe die Seite mit Fotos.

Frage nach, wenn etwas nicht geht.
Du möchtest etwas darstellen, aber es ist zur Zeit so nicht möglich? Frage nach!

Dont's

Nur die Desktop-Darstellung berücksichtigen.
Unsere Webseite wird zum grössten Teil von Handys angeschaut. Kontrolliere deshalb alle Inhalte auch von deinem Handy aus und stelle sicher, dass die Darstellung auch dort optimal ist.

Tell a story

Orientiere dich für den Inhalt am Storytelling-Prinzip: Gibt einen spannenden Einblick als Aufhänger und beschreibe dann den Inhalt so, dass es eine logische Entwicklung im Aufbau gibt.

51 Headline