Anleitungen Kopie

Um nicht mit einer leeren Seite zu beginnen, empfiehlt das Team Web-Relaunch, Beispielseiten (Vorlagen) zu benutzen. Diese sind bereits nach dem Design-Gedanken der neuen Website gestaltet und an die üblichen Bedarfe der Inhalte angepasst. Diese können kopiert und dann für die Bedarfe der eigenen Seite entsprechend angepasst und ausgefüllt werden.

Verfügbare Vorlagen:

• Beispielseite lang mit Bild
• Beispielseite kurz mit Bild
• Beispielseite ohne Bild
• Studiengang
• Verfügbare Inhaltselemente

Das neue Design umfasst die Idee, dass Seiten nach Möglichkeit über ein Bild im Header-Bereich verfügen. Hierfür können die “Beispielseite lang mit Bild” (viele verschiedene Inhaltselemente, geeignet für detailreiche Seiten) oder “Beispielseite kurz mit Bild” (ähnlich aufgebaut, aber mit weniger Inhaltselementen, geeignet für kürzere Seiten) genutzt werden. Bei beiden Varianten können nicht benötigte Inhaltselemente gelöscht oder fehlende hinzugefügt werden. Einen Überblick über alle möglichen Inhaltselemente ist zu finden unter der Beispielseite „Verfügbare Inhaltselemente“.

Da es auch Seiten gibt, wo eine Bebilderung schwierig ist, steht zusätzlich die “Beispielseite ohne Bild” zur Verfügung. Hier ist ein Teasertext (max. 300 Zeichen) in den Seiteneigenschaften zu setzen.

In den Texten aller Beispielseiten sind Anleitungen zu finden, wie die jeweiligen Beispielseiten und Inhaltselemente genutzt werden können.

Die Studiengangsseiten sind ausschließlich für die Darstellung der Studiengänge zu verwenden.

Nutzung der Vorlagen: So geht‘s
Um eine der Vorlagenseiten zu benutzen, kopiere diese mit einem Rechtsklick auf die entsprechende Seite und füge diese an der von dir gewünschten Stelle innerhalb der Struktur ein (Rechtsklick: einfügen). Wichtig: Vorlagen bitte immer kopieren, nicht ausschneiden.

Übersetzungen von Inhalten

Wenn danach in den deutschen Elementen Änderungen vorgenommen werden, werden diese automatisch auch ins Englische übernommen. Nur wenn neue Elemente hinzugefügt werden, ist erneut der “DeepL” Button zu drücken. Das System erkennt selbstständig, welche Elemente bereits übersetzt wurden und welche neu hinzugekommen sind.

Wenn du ein deutsches Element löschst, ist das englische automatisch mit gelöscht. Wenn ein englisches Element gelöscht wird, ist das deutsche noch da, weil es das Ursprungselement ist. Das englische kann über den DeepL Button oben wieder neu erzeugt werden.

Anpassungen im Text: Die englische Übersetzung kann angepasst werden, ohne dass sich die deutsche Variante dadurch ändert. Bitte beachte: Wenn in der deutschen Variante etwas geändert wird, wird auch die angepasste englische Variante wieder überschrieben. Falls das nicht gewünscht ist, ist es möglich, die Überschreibungsfunktion auszustellen. Bitte beachte, dass in diesem Modus keine deutsch angelegten Inhalte mehr automatisch nachübersetzt werden. Wir empfehlen diesen Modus daher nur, wenn sehr viele Anpassungen im englischen Text vorgenommen werden. Solltest du eine Anleitung für den entkoppelten Modus benötigen, wende dich bitte an das Team Web-Relaunch.

Es ist notwendig, für alle Bilder, Videos, Dokumente und sonstige Dateien eine englische Übersetzung der Metadaten und Beschreibungstexte in der Dateiliste zu hinterlegen. Aktuell können diese Metadaten von der Schnittstelle nicht automatisiert übersetzt werden, sodass auf der englischen Seite die deutsche Variante stehen würde, sofern keine englische Variante händisch hinterlegt wurde. 

Bitte denke daran, die englischen Übersetzungen anzupassen, falls du einmal Änderungen an den deutschen Beschreibungen oder Metadaten vorgenommen hast. 

Anleitung:

• Öffne die Dateiliste und klicke auf das Dokument, dem eine Übersetzung hinzugefügt werden soll
• Wechsle ganz oben von „Deutsch [Site:base], Deutsch [Site_intranet]“ auf die englische Variante.
• Füge überall eine englische Übersetzung ein, wo du in der deutschen Variante Angaben gemacht hast. Überschreibe dabei die deutschen Texte. Füge mindestens folgende englische Übersetzungen im Reiter „Allgemein“ ein:
  • Titel
  • Alternativer Text
• Denke auch an die Bildunterschrift, wenn du eine deutsche eingefügt hast.
• Beachte ggf. auch Änderungen beim Urheberrecht (Reiter „Metadaten“), falls zusätzlich zum Namen Angaben gemacht werden.
• Drücke am Ende auf speichern.

Links und Buttons

Es gibt verschiedene Designs, um Links und Buttons als solche kenntlich zu machen. Um einen bestimmten Link oder Button zu setzen, gehe wie folgt vor:

• Markiere deinen Text im Textfeld, der als Link/Button gesetzt werden soll
• Klicke in der Menüleiste oben rechts auf das Linksymbol
• Klicke in dem sich dann öffnenden Feld auf den Stift
• Wähle dein Linkziel aus
  • Bei einer internen Seite (voreingestellt) kannst du im Seitenbaum die gewünschte Seite auswählen und per Klick auf das Linksymbol rechts daneben auswählen. Bitte beachte: Interne Links sind zwingend über diesen Weg zu setzen. Bitte füge interne Links nie mithilfe einer URL ein, d.h. kopiere nicht den Link aus dem Browser und füge ihn ein, denn Links können sich ändern.
  • Wenn du etwas anderes als einen internen Link setzen möchtest, wähle oben bei den Reitern z.B. für einen Download “Datei”, für eine externe Website “Externe URL” oder für eine Mail-Adresse “E-Mail” aus.
• Wähle im Dropdown-Menü das gewünschte, passende Link-Design aus. Unten stehend siehst zu, welche Links und Buttons zur Verfügung stehen.
• Der Text eines Links oder Buttons kann im Nachhinein einfach im Textfeld verändert werden.

Verfügbare Designs

Interner Link

Externer Link

Download

Primärbutton Groß Violett

Primärbutton Klein Violett

Primärbutton Groß Blau

Primärbutton Klein Blau

Sekundärbutton Groß

Sekundärbutton Klein

Sekundärbutton Winzig

Buttonlink

Buttonlink Blau

Buttonlink Dunkelblau

Für die Gestaltung einer Seite können verschiedene Header-Varianten ausgewählt werden, also der Kopfbereich/Eingangsbereich gestaltet werden. Dafür stehen Redakteur*innen folgende Varianten zur Verfügung:

• Seite mit Header-Bild (Standard)
• Seite ohne Bild (Einführungstext)
• Seite mit Header-Bildslider (H1 Seitentitel unterhalb)

Standardmäßig ist “Seite mit Header-Bild” eingestellt, der im besten Fall genutzt wird. Auch ein Slider mit mehreren Bildern ist möglich, sollte aber nur eingesetzt werden, wenn dies inhaltlich sinnvoll ist. Falls keine Bilder zur Verfügung stehen/erstellt werden können, kann der Header “Seite ohne Bild” verwendet werden. In dem Fall ist zwingend ein Teasertext einzufügen.

Falls du von der voreingestellten Header-Variante “Seite mit Header-Bild” auf einen anderen Header-Typ wechseln möchtest, klicke dafür in die Seiteneigenschaften deiner Seite und wähle unter dem Reiter “Erscheinunsbild” das Drop-Down-Menü “Backend-Layout”.

Bitte beachte: Die Varianten “Seite mit Header-Bildslider (H1 Seitentitel oberhalb)” und “Seite ohne Header” sind ausschließlich für Admins.