Versionen im Vergleich

Schlüssel

  • Diese Zeile wurde hinzugefügt.
  • Diese Zeile wurde entfernt.
  • Formatierung wurde geändert.
Seiteneigenschaften
hiddentrue
BeschreibungDer Block »Slider Pro« bietet noch mehr Einstellungsmöglichkeiten als der Slider Light, was das Verhältnis von Bild und Text anbelangt.
Beispiel

Image Added

Youtube-Link
Panel
borderWidth0px

Link zu YouTube-TutorialImage Added

 

Beschreibung

Der Block »Slider Pro« bietet noch mehr Einstellungsmöglichkeiten als der Slider Light, was das Verhältnis von Bild und Text anbelangt.

Anwendungsbeispiel

Image Added

Youtube-Link zum HowTo-Video

Bereich
Spalte
width200px
Panel
borderWidth0px

Link zu YouTube-TutorialImage Added

INHALTSVERZEICHNIS

Inhalt
excludeINHALTSVERZEICHNIS

Verwendung

Strukturierte Darstellung mehrerer Einträge nebeneinander: Dieser Block bietet Ihnen die Möglichkeit, Bilder, Videos und kurze Texte abwechslungsreich in Szene zu setzen. Bei der Anordnung der Elemente können Sie zwischen verschiedenen Varianten wählen. Optional ist natürlich auch eine Verlinkung der Inhalte möglich. Ein Eintrag umfasst ein Bild, einen Titel, einen kurzen Text und optional einen Link. Die Einsatzmöglichkeiten sind dabei sehr vielfältig und umfangreicher als es beim Slider Light.

Weitere Infos sind auf der Präsentationsseite bereitgestellt. Dort präsentieren wir Ihnen alle zur Verfügung stehenden Blöcke.

Schritt-für-Schritt-Anleitung

  1. Fügen Sie den Block Slider Pro hinzu-

...

  1. bei

...

  1. Bedarf Blocküberschrift hinzufügen - und rufen Sie für weitere Bearbeitung das Einstellungsmenü auf (Zahnradsymbol). 
  2. Durch Klick auf das Pluszeichen fügen Sie einen neuen Eintrag hinzu.
  3. Es öffnet sich ein neues Einstellungsfenster, bei dem die Felder »Titel« und »Variante« Pflicht sind. Unter »Titel« geben Sie den Namen ein, den Ihr Eintrag erhalten soll. Dieser ist auch für Nutzende sichtbar. 
  4. Unter »Variante« müssen Sie

...

  1. zwischen drei verschiedenen Eintragstypen wählen:

...

  1. nur Text (a),

...

  1. mit Bild (b) und

...

  1. mit Video (c). Diese drei haben

...

  1. unterschiedliche Optionen und werden im Folgenden von uns aufgeführt.
    1. Erweitern
      titleEintrag mit Text
      1. Ein Texteintrag eignet sich gut, um Beiträge zu präsentieren, die ausschließlich in Schriftform erfolgen sollen. 

...

      1. Das Feld »Linktyp« ist optional. Dessen Funktion wird unter 5. genauer erklärt.
    1. Erweitern
      titleEintrag mit Bild
      1. Wählen Sie

...

      1. unter

...

      1. »Variante« die

...

      1. Option »mit Bild« aus, um Ihrem Eintrag ein Bild beizufügen. 
      2. Fügen Sie

...

      1. unter

...

      1. »Bild« ein Bild aus dem Multimediabereich ein. Hinweise, wie Sie einen Bildausschnitt richtig erstellen, finden Sie in unserem

...

      1. Handbuch Bildausschnitt erstellen

...

  • Bildgröße 50% → 16:9
  • Bildgröße 100% → 8:9

...

  • Bei Bildgröße 50% erscheint der Text unter dem Bild.
  • Bei Bildgröße 100% erscheint der Text am unteren Bildrand auf einer halbtransparenten Fläche.
      1. .
      2. Unter »Anordnung« müssen Sie wählen, ob Ihr Bild oberhalb oder unterhalb des Textes steht. Sollten Sie keinen Text für Ihren Eintrag möchten, wird Ihre Bildanordnung an dem Titel orientiert. 
      3. Optional haben Sie auch hier die Möglichkeit, einen Linktyp auszuwählen

...

      1. .
    1. Erweitern
      titleEintrag mit Video

...

      1. Wählen Sie bei »Variante« »mit Video« aus, wenn Sie Ihrem Eintrag ein Video beifügen möchten.
      2. Unter »Video-Typ«

...

      1. müssen Sie auswählen, ob Sie ein Video von DB-Thüringen, ein internes Video aus dem Multimediabereich oder ein YouTube-Video

...

      1. beifügen wollen.
      2. Wenn Sie »DBT-Video« wählen, erscheint ein weiteres Feld »Link«.
        • Gehen Sie zu dem DBT-Video, das Sie auf Ihrer Seite einbinden wollen.
        • Starten Sie das Video und stoppen es direkt wieder. Im unteren Bereich des Videos wird nun ganz rechts ein Icon zum Teilen angezeigt.
        • Nachdem Sie das »Teilen« Icon angeklickt haben, erhalten Sie verschiedene Optionen. Kopieren Sie den Inhalt der unter »HTML Code« steht.
        • In das Feld »Link« im Einstellungsfenster fügen Sie nun den kopierten Inhalt ein.
      3. Wenn Sie »internes Video« wählen, erscheint ein weiteres Feld (»Video«) mit Link zum eigenen Multimediabereich.
        • Bitte wählen Sie ein Video aus. Wir empfehlen Videos im mp4-Format.
        • HINWEIS: Sie können das Video direkt während der Erstellung des Eintrages in Ihren Multimediabereich hochladen.
        • Dateiformat: Bitte beachten Sie unsere Hinweise zum empfohlenen Videoformat.
        • Für Interne Videos können zusätzlich Vorschaubilder eingestellt werden. Dazu rufen Sie im Multimediabereich das entsprechende Video auf. Im Reiter

...

        • »Datei« kann im Bereich »Verschiedenes« ein Vorschaubild für dieses Video eingestellt werden. Anschließend auf »Speichern« klicken. Das Vorschaubild wird nun automatisch angezeigt, wenn Sie das Video in einem Block benutzen.
      1. Wenn Sie

...

      1. »YouTube-Video«

...

      1. auswählen, erscheint ein weiteres Feld

...

      1. »Link«.
        • Fügen Sie die komplette URL

...

  • Gehen Sie zu dem DBT-Video, das Sie auf Ihrer Seite einbinden wollen.
  • Starten Sie das Video und stoppen es direkt wieder. Im unteren Bereich des Videos wird nun ganz rechts ein Icon zum Teilen angezeigt.
  • Nachdem Sie das »Teilen« Icon angeklickt haben, erhalten Sie verschiedene Optionen. Kopieren Sie den Inhalt der unter »HTML Code« steht.
  • In das Feld »Link« im Einstellungsfenster fügen Sie nun den kopierten Inhalt ein.

...

        • des YouTube-Videos ein, das Sie verlinken möchten.
        • Optional können Sie unter »Alternatives Platzhalterbild« ein Hintergrundbild aus dem Multimediabereich auswählen. Wenn Sie dieses Feld leer lassen, wird ein standardisierter YouTube-Hintergrund angezeigt. 
      1. Zuletzt müssen Sie noch unter »Annordnung« einstellen, ob Ihr Video oberhalb oder unterhalb Ihres Titels und optionalen Textes steht.
      2. Die Felder »Text« und »Linktyp« sind optional

...

      1. .
  1. Erweitern
    title

...

  1. Wenn Sie einen Texteintrag erstellen, haben Sie die Möglichkeit, diesen mit oder ohne Bild einzufügen.
  2. Der Text erscheint auf blauem Hintergrund. Sie können eine Quelle angeben und einen internen oder externen Link hinzufügen. Der interne Link kann entweder zu einer anderen Seite der FSU (Häuschensymbol) oder zu einer im Multimediabereich hinterlegten Mediadatei weiterleiten.
  3. »Bezeichnung« und »Text« sind Pflichtfelder.
  4. Wenn Sie einen Texteintrag mit Bild erstellen, erscheint ein weiteres Feld (»Bild«) mit Link zu Ihrem Multimediabereich.
  5. Das Bild muss Standard-Format (16:9) haben und ist immer unter dem Text angeordnet.
  1. Optional: Linktyp

    Unter »Linktyp« besteht die Möglichkeit, auf eine weitere Seite zu verweisen. Diese wird als Hyperlink des Titels wiedergegeben. 

    Auszug einschließen
    Link einfügen
    Link einfügen
    nopaneltrue

  2. Die einzelnen Einträge können auch nachträglich per Drag&Drop umsortiert werden. Dazu den gewünschten Eintrag im Einstellungsmenü anklicken, gedrückt halten, an die entsprechende Stelle ziehen und dort loslassen.
  3. Außerdem lassen sich einzelne Einträge im Einstellungsmenü nachträglich bearbeiten (Stiftsymbol) oder löschen (Kreuzsymbol).
  4. Wenn Sie die entsprechenden Rechte haben, können Sie im Feld »Farbe« des Bearbeitungsmenüs der einzelnen Einträge Farbanpassungen des Hintergrundes des Eintrags vornehmen. → Stimmt das? Da kenne ich mich nicht aus und das habe ich auch noch nie selbst gemacht. 

Zusätzliche Hinweise 

Tipp
  • Bitte erstellen Sie mindestens drei Einträge, damit ein Slide-Effekt entsteht.
  • Wechseln Sie zwischen allen Varianten und den jeweiligen Optionen, damit Ihr Slider abwechslungsreich aussieht.
  • Halten Sie sich möglichst an die Zeichenempfehlung. Sie ist für die Darstellung auf Smartphones optimiert.
  • Bitte komprimieren Sie Ihre Bilder, bevor Sie sie in den Multimediabereich hochladen. Im Slider Pro sind nur die Formate Standard 16:9 (Bild 50%) und Slider Pro 8:9 (Bild 100%) erlaubt

Anwendungsbeispiele

...

Zustand 1

Screenshot

...

Zustand X

Screenshot

Zusätzliche Hinweise 

Tipp
  • ..

Alternative Blöcke

Alternativ zum ... Slider Pro sind folgende Blöcke unter bestimmten Voraussetzungen zur Darstellung Ihrer Informationen ebenfalls geeignet:

  • Erweitern
    titleBildergalerie

    Nutzen Sie die Bildergalerie, wenn es Ihnen ausschließlich darum geht auf Ihrer Seite verschiedene Bilder anzuzeigen.

  • Erweitern
    title

...

Beschreibung von Block X

Ergänzende Beiträge

  • Meldungen

    Nutzen Sie die Meldungen, wenn Sie Besuchenden der Seite einen Überblick über aktuelle Informationen geben möchten. Durch die Verwendung wird Besuchenden die Möglichkeit eröffnet, direkt auf die für sie interessanten Informationen zuzugreifen.

  • Erweitern
    titleMultimedialiste

    Nutzen Sie eine Multimedialiste, wenn sie Besuchenden der Seite eine Vielzahl von Dateien unterschiedlicher Formate bereitstellen möchten.

  • Erweitern
    titleMultimediaverlauf

    Nutzen Sie den Multimediaverlauf, wenn Sie Besuchenden der Seite eine Vielzahl von Dateien unterschiedlicher Formate zur Verfügung stellen wollen, die vor Kurzem aktualisiert wurden. 

  • Erweitern
    titleSlider Light

    Nutzen Sie den Slider Light, wenn Sie nur auf eine Seite oder Meldung verweisen wollen.

  • Erweitern
    titleTeaser Blöcke

    Nutzen Sie die unterschiedlichen Teaser-Blöcke, wenn Sie Besuchende der Seite auf weitere Seiten verweisen möchten, welche dann die eigentlichen Informationen präsentieren. Weitere Informationen unter Teaser Meldungen / Teaser Seiten / Teaser Veranstaltungen

  • Erweitern
    titleVeranstaltungen

    Nutzen Sie die Darstellung der Veranstaltungen, um Besuchende auf bevorstehende Veranstaltungen hinzuweisen.

  • Erweitern
    titleVideogalerie

    Nutzen Sie die Videogalerie, wenn Sie nur Videos zeigen wollen.

Ergänzende Beiträge

Image_hover

...