skip to content

Regional Computing Centre (RRZK)TYPO3 at University of Cologne

UzK Main Slider

Der UzK Main Slider ist eines der Inhaltselemente, welches Ihnen mit dem Unidesign 2015 zur Verfügung gestellt wird. Er ist ein optisch auffälliges Element. In der Regel nimmt dieses Element auf der Startseite Ihrer Einrichtung die volle Breite der Hauptspalte ein.

Der Slider zeigt jeweils ein Bild aus einem Set von Bildern an und wechselt nach 5 Sekunden automatisch zum Nächsten. Nutzende Ihrer Seite können jedoch jederzeit selber zum vorherigen oder nächsten Bild wechseln. Für jedes Bild können Sie eine Überschrift, eine Dachzeile und einen Beschreibungstext definieren. Darüber hinaus können Sie die Bilder verlinken.

Beispiel-Slider

graphic slider element

Einen Main Slider anlegen

Bevor Sie einen Slider anlegen, müssen Sie passende Bilder auswählen. Hier gibt es Einiges zu beachten:

  1. Alle Bilder sollten den gleichen Formfaktor (ideal 16:9) und die gleiche Pixelanzahl aufweisen. Wenn Sie etwa Bilder im Format 16:9 mit einem großen quadratischen Bild mischen, dann wird die äußere Form an das große quadratische Bild angepasst und das gesamte Slider-Element sieht unförmig aus. Sie müssen die Bilder vorab entsprechend bearbeiten, denn es ist nicht über Parameter möglich dies einzustellen.
  2. Verwenden Sie das richtige Dateiformat für Ihre Bilder.
  3. Suchen Sie aussagekräftige Bilder aus und verwenden Sie kurze Beschreibungstexte, denn nach 5 Sekunden wird automatisch zum nächsten Bild geschaltet.
  4. Prüfen Sie Ihre Rechte am Bild. Einige Fotografen bestehen auf Namensnennung. Klären Sie ab, ob diese im Beschreibungstext formgerecht erfolgt.

Nun können Sie den Main Slider anlegen:

  • Loggen Sie sich im Backend Ihrer TYPO3-Installation ein.
  • Laden Sie gegebenenfalls die für den Slider benötigten Bilder hoch. Hier empfiehlt sich die Verwendung aussagekräftiger Dateinamen, die neben ein zwei beschreibenden Worten noch Format und Pixelanzahl enthalten. Idealerweise speichern Sie alle Bilder in einem Ordner.
  • Öffnen Sie die Zielseite im Seitenbaum.
  • Fügen Sie nun ein neues Inhaltselement ein. Den Main Slider finden Sie im Tab "UzK Hauptspalte"

expand:
Den UzK Main Slider finden Sie im Tab "UzK Hauptspalte"

  • Nachdem Sie das Slider Element an der gewünschten Stelle eingefügt haben, müssen Sie noch einzelne Bilder zuweisen. Klicken Sie dazu ganz unten auf "Add new".
expand:
In der ersten Eingabemaske setzen Sie Optionen, welche den ganzen Slider betreffen. Mit dem markierten Button können Sie dem Slider Bilder hinzufügen.

  • Sie können für jedes einzelne Bild eine eigene Überschrift, eine Dachzeile und einen Beschreibungstext definieren. Beispiele dafür finden Sie im Beispiel-Slider auf dieser Seite.
  • Sie können für jedes Bild ein individuelles Linkziel definieren.
  • Zusätzliche Bilder können Sie mit "Add New" ergänzen.
  • Speichern Sie ab.
expand:
Mit Button (1) öffnen Sie den Dialog zum Auswahl eines Bildes, mit Button (2) können Sie einen Link hinzufügen und mit Button (3) fügen Sie dem Slider ein weiteres Element hinzu.

Contact
If you have any questions or problems, please contact the RRZK-Helpdesk