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.
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.
Aufbau eines Bereichs
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.
Aufbau eines Unterbereichs
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.
Verwendung von Kacheln
Definition folgt
So fügst du Texte korrekt ein
Es gibt ein paar Sachen, die beim Copy & Pasten von Inhalt wichtig sind:
- Den kopierten Inhalt IMMER zuerst in einen Texteditor kopieren. Damit verhinderst du, dass ungewollte Formatierungen von anderen Webseiten oder PDFs übernommen werden.
- Kontrolliere, dass es keine unnötigen Zeilenumbrüche hat. Umbrüche können aus Versehen mitkopiert werden.
Einstellungen für Links
- Interne Links: werden im selben Fenster geöffnet
- Externe Links: werden in einem neuen Fenster geöffnet (z.B. Dokumente, andere Webseiten, etc.)
Auswahl der Bilder
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.
Grösse & Auflösung für Headerbilder
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
