Zu den Inhalten springen

Inhaltselemente

Sonderelemente

Inhaltselemente Übersicht

Inhalt Neu - Link Teaser mit Text (inline) Link Teaser mit Text als Inlineelement

Frontend

Inhalt Neu - Link Teaser mit Text (inline)
Link Teaser mit Text als Inlineelement

Bild und Text wird mit dem eingefügtem Link belegt.

Die Darstellung wird je nach Anzahl und Größe des Endgerätes (Mobil,Tablett, Bildschirm bzw. eingestellte Browsergröße)  1 - 3 spaltig oder 1-5 Spaltig, zentriert dargestellt.

Inhalt Neu - Link Teaser mit Text (inline) Link Teaser mit Text als Inlineelement

Backend

1. Bild einfügen

2. Link-Text  einfügen

3. Link einfügen

Weitere Teaser-Elemente können mit Klick auf "Neu anlegen" angelegt werden.

Es können beliebig viele "Teaser-Elemente" eingefügt werden.

Unter der Registerkarte Erscheinungsbild kann das Layout auch auf Fünfspaltig umgestellt werden.

Frontend

Es können mehrere Content Slider in diesem Inhaltselement angezeigt werden, diese werden nacheinander eingeblendet..
Zu jedem Bild kann ein Text angezeigt und die Slider können mit Pfeilen vor oder zurück geblättert werden.

Backend

Es können 1 oder auch mehrere Banner in diesem Inhaltselement eingefügt werden.

  1. Slider-Elemente Button anklicken um ein Element einzufügen.
  2. Ordner Symbol anklicken um ein Banner-Bild hinzuzufügen. Mindestgröße der Banner: 1900px breit und 634px hoch, sind die Bilder größer werden sie zentriert dargestellt.
  3. Zusätzlich kann ein Text für jeden Banner eingefügt werden.

Bildgröße (breite x höhe): 1900px  x 634px (Mindestgröße)

Frontend

Inhalt Home 2019 - Teaser (3-spaltig)

  • Es können beliebig viele Teaser Elemente mit diesem Inhaltselement dargestellt werden.
  • Die Übergeordnete Überschrift  und Unterüberschrift  wird über den Teasern angezeigt.
  • Bild und Teaser Überschrift sind mit dem eingefügten Link belegt.
  • Unter jedem Teaser Bild kann zusätzlich ein Kurztext dargestellt werden.
  • Die Teaser Elemente werden zentriert und 3 spaltig angezeigt.

Backend

Inhalt Home 2019 - Teaser (3-spaltig)

  1. Inhaltselement Überschrift wird nicht im Frontend angezeigt (Sollte aber eingefügt werden aufgrund der Übersichtlichkeit im Backend)
  2. Inhalt Überschrift.
  3. Inhalt Unterüberschrift.
  4. Ein neues Teaser Element kann mit dem Button "+Teaser" angelegt werden.
  5. Teaser Element Überschrift eingeben.
  6. Kurzbeschreibung eingeben.
  7. Ein Bild mit dem Ordner Symbol aus der Dateiliste einfügen.
  8. Mit dem Kettensymbol kann der Link für das Element eingetragen werden.
  9. Weitere Teaser Elemente können mit dem Button "+Teaser" angelegt werden.

Frontend

Inhalt - Container 1-2-3-spaltige Ansicht

In diesem Inhaltselement können weitere Inhaltselemente eingefügt werden um diese je nach Einstellung:
Mehrspaltig  1 2 3 Spalten anzuzeigen und zugleich die Hintergrund Farbe auf grau oder weiß einzustellen.
 

Backend

Inhalt - Container 1-2-3-spaltige Ansicht

Dieses Inhaltselement dient als Container für andere Inhaltselemente.

  1. Geben Sie hier eine Überschrift für das Inhaltselement "Container 1 2 3 Spalten..." an.
  2. Wählen Sie unter Typ Spalten, Hintergrundfarbe aus, Speichern und schließen Sie das Inhaltselement.
  3. Nun können Sie in dem Inhaltselement "Container 1 2 3 Spalten..." weitere Inhaltselemente einfügen entsprechend der angegebenen Spaltenanzahl.

Frontend

Inhalt - Überschrift [Headline] Seitenüberschrift, optional zweizeilig


Mit diesem Inhaltselement kann eine Seitenüberschrift und eine zweizeilige Unterüberschrift eingefügt werden.

Backend

Inhalt - Überschrift  und Unterüberschrift, optional zweizeilig

  1. Überschrift eingeben.
  2. Unterüberschrift als zweizeilig Eingabe möglich.

Frontend

In diesem Inhaltselement können Linkkacheln mit Text und Icons erstellt werden.
Die Linkkacheln werden zentriert dargestellt. 

Backend

Inhalt - Linkkacheln mit Icons

  1. Linkkacheln "Neu anlegen" Button anklicken (Es können mehrere Linkkacheln angelegt werden)
  2. Linktitel eingeben
  3. Link hinzufügen mit Kettensymbol 
  4. Icon mit Klick auf das Ordnersymbol hinzufügen.
  5. Die verfügbaren Icons befinden sich in der Dateiliste unter "Zentrales Medienarchiv" im Ordner "icons-sticky-navi", hier können Sie ein passendes Icon für den Menüpunkt auswählen.   
    Es können auch andere Symbole eingefügt werden die in der Dateiliste vorhanden sind.

Frontend

Die Sticky-Navigation wird auf der Seite rechts als Übergeordnetes Klinik-Menü bzw. Bereich-Menü mit feststehender Orientierung auf allen Unterseiten angezeigt.
 

Backend

Das Inhaltselement Sticky Navigation darf nur in der Inhaltsspalte  "Sticky Navigation" angelegt werden und sollte auf der Startseite angelegt werden.
Das Sticky Menü vererbt sich auf alle angelegten Unterebenen.

  1. Unter Menüpunkte  auf Neu anlegen klicken
  2. Titel des Menüpunktes einfügen
  3. Icon hinzufügen:
    Die verfügbaren Icons befinden sich in der Dateiliste unter "Zentrales Medienarchiv" im Ordner "icons-sticky-navi", hier können Sie ein passendes Icon für den Menüpunkt auswählen.
  4. Fügen Sie mit einem Klick auf das Kettensymbol den passenden Link ein.

Es können bis zu 7 Navigationspunkte angelegt werden.

Frontend

Inhalt Home 2019 - Zahlen und Fakten

Mit diesem Inhaltselement können Info-Boxen erstellt werden, die je nach der Anzahl der Boxen 3 spaltig dargestellt werden.
Es können Icons oder auch Bilder für jede Info-Box eingefügt werden und verschiedene Textfelder befüllt werden.
 

Backend

Inhalt Home 2019 - Zahlen und Fakten

  1. Inhaltselement Überschrift wird nicht im Frontend angezeigt (Sollte aber eingefügt werden aufgrund der Übersichtlichkeit im Backend)
  2. Inhalt: Überschrift eingeben.
  3. Inhalt: Unterüberschrift  eingeben.
  4. Inhalt: Text eingeben.
  5. Klicken Sie jetzt auf den Button  "+Info-Box " um die erste Info-Box anzulegen.
  6. Klicken Sie auf das Kettensymbol um ein Icon oder Bild einzufügen.
  7. Zusatz zur Zahl/zum Fakt (davor) eingeben.
  8. Zahl/Fakt eingeben.
  9. Zusatz zur Zahl/zum Fakt (dahinter) eingeben.
  10. Titel eingeben.
  11. Beschreibung eingeben.
  12. Eine weitere Info-Box  können Sie nun mit dem Button "+Info-Box" anlegen.

Frontend

Inhalt - Bild mit Bildunterschrift:

  • Mit diesem Inhaltselement kann ein einzelnes Bild zentriert mit Bildunterschrift eingefügt werden.
  • Das Bild kann mit Klick vergrößert oder es kann ein Link über dem Bild eingefügt werden.
  • Zusätzlich kann eine (Bildunterschrift) eingefügt werden, die unter dem Bild angezeigt wird.

Backend

Inhalt - Bild mit Bildunterschrift:

  1. Überschrift einfügen
  2. Klicken Sie auf "Bild hinzufügen" Button
  3. Fügen Sie ein Titel ein (vorher über dem Feld mit Checkbox freischalten).*
  4. Alternativer Text einfügen (vorher über dem Feld mit Checkbox freischalten).*
  5. Link: Hier kann ein Link über dem Bild eingefügt werden (Interne Seite, Dokument, Externe URL)
  6. Beschreibung (Bildunterschrift) eingeben
  7. Mit Klick vergrößern anschalten wenn Bild vergrößert werden soll 

 

* Titel und Alternativ Text sollten immer ausgefüllt werden. Das ist wichtig für die Suchmaschinen und um die Seite Barrierefrei zu halten.
Der Text sollte den Inhalt des Bildes wiedergeben bzw. beschreiben.

Frontend

Menü der Unterseiten der ausgewählten Seiten

  • Mit diesem Inhaltselement können Sie Linkkacheln eines Untermenüs anzeigen durch die Auswahl des darüberliegenden Menüpunktes.
  • Es können auch mehrere Untermenüs ausgegeben werden.

Backend

Menü der Unterseiten der ausgewählten Seiten

  1. Geben Sie die Überschrift ein.
  2. Klicken Sie auf das Ordnersymbol. 
  3. Im Fenster können Sie in der Menüstruktur einen Übergeordneten Menüpunkt auswählen dessen Untermenüpunkte Sie anzeigen wollen. 
    Es können auch mehrere Menüpunkte ausgewählt werden.

Ansprechpartner für die Internetseite

Martin Ginter
Telefon 0761 270-22630
martin.ginter@uniklinik-freiburg.de

Martin Reinbold
Telefon 0761 270-22870
martin.reinbold@uniklinik-freiburg.de