Versionen im Vergleich

Schlüssel

  • Diese Zeile wurde hinzugefügt.
  • Diese Zeile wurde entfernt.
  • Formatierung wurde geändert.
Seiteneigenschaften
hiddentrue
Image Removed
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
width

...

200px

...

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.

...

  1. Fügen Sie den Block Slider Pro hinzu- bei 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.Sie können nun
  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 zwischen drei verschiedenen Eintragstypen wählen: Bild nur Text (a), Video mit Bild (b) und Text mit Video (c). Diese drei haben jeweils unterschiedliche Optionen und werden im Folgenden von uns aufgeführt.
    1. Erweitern
      titleBild hinzufügenEintrag mit Text
      1. Ein Texteintrag eignet sich gut, um Beiträge zu präsentieren, die ausschließlich in Schriftform erfolgen sollen. 
      2. Das Feld »Linktyp« ist optional. Dessen Funktion wird unter 5. genauer erklärt.
    2. Erweitern
      titleEintrag mit Bild
      1. Wählen Sie unter »Variante« die Option »mit Bild« aus, um Ihrem Eintrag ein Bild beizufügen. 
      2. Fügen Sie unter »Bild« ein
      3. Geben Sie bei »Bezeichnung« den Namen ein, den Sie für Ihren Eintrag wünschen. Die Bezeichnung dient nur Ihnen als Übersicht und wird lediglich im Einstellungsmenü angezeigt.
      4. Wählen Sie unter »Bildhöhe« die Bildgröße aus. Standard ist 50%, weitere Option ist 100%.
      5. Fügen Sie nun unter »Bild« ein Bild aus dem Multimediabereich ein. Hinweise, wie Sie einen Bildausschnitt richtig erstellen, finden Sie in unserem Handbuch Bildausschnitt erstellen.
      6. Bildgröße 50% → 16:9
      7. Bildgröße 100% → 8:9
      8. Bei beiden Größen müssen Sie einen kurzen Text angeben. 
        • 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.
      9. 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. 
      10. Optional haben Sie auch hier die Möglichkeit, einen Linktyp auszuwählenOptional können Sie noch unter »Linktyp« einen internen oder externen Link einfügen. Wie das funktioniert, erklären wir unter dem optionalen Punkt »Link einfügen«.
    3. Erweitern
      titleEintrag mit Video hinzufügen
      1. Wählen Sie bei »Variante« »mit Video« aus, wenn Sie Ihrem Eintrag ein Video beifügen möchten.
      2. Unter »Video-Typ« ausmüssen Sie auswählen, ob Sie ein Video von DB-Thüringen, ein internes Video aus dem Multimediabereich oder ein YouTube-Video einfügen wollenbeifügen wollen.
      3. 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.
      4. 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.
      5. Wenn Sie »externes »YouTube-Video« wählenauswählen, erscheint ein weiteres Feld , in das Sie den YouTube-Link einfügen müssen. Achten Sie darauf, »Link«.
        • Fügen Sie die komplette URL
        einzufügen.
      6. 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.
      7. »Bezeichnung«, »Videotyp«, »Titel« und »Text« sind Pflichtfelder.
      8. Sie können zudem entscheiden, ob das Video oberhalb oder unterhalb vom Text angezeigt werden soll.
    4. Erweitern
      titleText hinzufügen
      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.
        • 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.
  5. Erweitern
    titleOptional: Link einfügenLinktyp

    Es Unter »Linktyp« besteht die Möglichkeit, einen Link einzufügen. Dieser auf eine weitere Seite zu verweisen. Diese wird als Hyperlink des Titels wiedergegeben. 

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

  6. 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.
  7. Außerdem können lassen sich einzelne Einträge im Einstellungsmenü nachträglich bearbeitet bearbeiten (Stiftsymbol) oder gelöscht löschen (Kreuzsymbol) werden.
  8. 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.

Anwendungsbeispiele

...

Der Block »Slider Pro«

Image Removed

  1. → 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 Eintragstypen 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.

...

Image_hover