Das CMS incca

Support-Bereich für Anwender
Fragen? 089 - 23 225 350 | EMF: Online-Redaktion@st-michaelsbund.de | PV&Pfarrei: service@smb-cc.de

Bild- und Medien-Slider

Mitttels eines Sliders können Sie verschiedene Bild- oder Video-Medien dynamisch auf Ihrer Webseite darstellen. Die Besucher der Webseite können die Medien entweder manuell weiter-klicken oder Sie geben eine feste Zeit an, in welcher das angezeigte Medium automatisch auf das nächste wechselt.
Im Gegensatz zur Bilder-Galerie, zeigt der Slider immer nur ein Bild oder Video gleichzeitig an. Das Bild kann auch nicht im Vollbild betrachtet werden.

Im Folgenden werden die einzelnen Schritte zum Erstellen eines Sliders aufgeführt:

A) Vorbereitung

Laden Sie alle Bilder, die Sie innerhalb des Sliders verwenden wollen in das Medien-Archiv hoch. Wir empfehlen für den Slider zur besserenÜbersicht einen eigenen Unter-Ordner anzulegen.
Eine Anleitung zum Hochladen von Bildern in das Medien-Archiv finden Sie hier:
Bilder in das Medien-Archiv laden

Sollten Sie auch YouTube oder Vimeo Videos in den Slider einbauen wollen, laden Sie die Videos zuerst auf YouTube und Vimeo hoch. Folgen Sie dann der Anleitung zu den Mediaplayern um die richtige Video URL zu erhalten.
Die Anleitung für YouTube finden Sie hier (befolgen Sie diese bis Schritt A.2):
Die Anleitung  für Vimeo finden Sie hier (befolgen Sie diese bis Schritt B.2):

B) Slider erstellen

Anleitung
Der Slider ist hinterlegt in "inccaBi -> Slider, Galerie".
Anleitung
Suchen Sie zunächst in der Struktur unterhalb "Verzeichnis" Ihre Pfarrei oder Ihren Pfarrverband. Sollte für Sie noch kein Ordner hinterlegt sein, melden Sie sich bitte im Ticketsystem. Mitarbeiter des Ordinariats nutzen bitte die Email der Online-Redaktion. Gerne erstellen wir diesen für Sie.
Anleitung
Ist ein Ordner vorhanden, klicken Sie mit der rechten Maustaste auf diesen und wählen "neu"
Anleitung
Darauf bekommen Sie ein neues Fenster. Wählen Sie hier zwischen der Bilder-Galerie oder dem Slider. Für diese Anleitung nutzen Sie bitte die "Slider" Option.
Um eine Bilder-Galerie einzubauen, wechseln Sie bitte zu folgender Anleitung:
Bilder-Galerie erstellen

Ein Beispiel für einen fertigen Slider finden Sie am Ende dieser Anleitung.
Anleitung
Jetzt haben Sie im Verzeichnis einen neuen Ordner bekommen. Hier im Beispiel "Test". Diesen aktivieren Sie mit Doppelklick.

C) Bilder mit dem Slider verbinden

Anleitung
Im nächsten Schritt müssen Sie auf der rechten Bildhälfte in der Galerie wieder einen Klick mit der rechten Maustaste machen um die Auswahl "neu" zu bekommen.

Sie können zwischen
  • Bild (Galerie und Slider) Idealgröße: Breite 568 Pixel x Höhe 382 Pixel
  • Youtube Video (nur Slider)
  • Vimeo Video (nur Slider)
wählen.
Mittels der Option "Bilder aus Ordner hinzufügen" können Sie auch einen kompletten Ordner aus dem Medienarchiv auswählen. Es werden dann alle Bilder aus diesem Ordner mit einem Klick in den Slider übertragen.
Anleitung
Wenn Sie "Bild" wählen, öffnet sich ein neues Fenster.
Jetzt können Sie die passende Datei aus dem Medienarchiv auswählen und mit Ihrem Slider verknüpfen. Dazu links-klicken Sie auf das Ordnersymbol neben dem Dateinamen. Sie können dann bestehende Bild aus dem Medienarchiv verwenden, welche sie im ersten Schritt hochgeladen haben. Sollten Ihre Datein im rechten Bereich nicht angezeigt werden, suchen Sie im linken Bereich nach Ihrem im ersten Schritt erstellten Ordner und doppel-links-klicken auf diesen.
Folgend werden die weiteren optionalen Felder beschrieben:
  • Kurzbeschreibung
    Mittels der Kurzbeschreibung können Sie den Titel des einzelnen Bildes hinzufügen. Dieser wird in der linken oberen Ecke des Sliders dargestellt. Beachten Sie, dass die Beschreibung über dem Bild angezeigt wird und je nach Länge Teile des Bildes verdecken können.
  • Langbeschreibung
    Die Langbeschreiung wird unterhalb der Kurzbeschreibung in einer etwas kleineren Schrift dargestellt. Auch hier kann das Bild überdeckt werden, sollten Sie eine zu lange Beschreibung wählen.
  • Inhaltsseiten Link
    Hier können Sie mit einem -Linksklick auf das Ordnersymbol eine Webseite in der Struktur des CMS auswählen. Diese Seite wird dann auf der Webseite geöffnet, sollte ein Webseitenbesucher auf das Bild klicken. (Wählen Sie diese Option nicht gleichzeitig mit "Internet Link".)
  • Internet Link
    Hier können Sie einen externen Link anstatt einem internen CMS Link angeben. (Wählen sie diese Option nicht zusammen mit "Inhaltsseiten Link".)
  • Link in neuem Fenster oder Tab
    Wenn Sie das Kästchen aktivieren, wird die obere Verlinkung in einer neuen Seite oder einem neuen Browser-Tab geöffnet.
Zeigt das Slider-Video Modul.
Wenn Sie ein Video in dem Slider einbinden wolllen, klicken Sie anstatt auf "Neu -> Bild" auf "YouTube Video" oder "Vimeo Video".
Es erscheint eines Fenster tragen sie hier im Feld "URL" die URL ein, welche Sie im Schritt A) erzeugt haben.
Wiederholen Sie nun das Hinzufügen von Bildern oder Video-Links zum Slider, bis alle gewünschten Medien mit dem Slider verknüpft sind.

D) Slider auf der Webseite einbinden

Anleitung
Der Slider ist nun fertig, Sie können Ihn auf Ihrer Webseite einbauen.
Dazu wechseln Sie im Site-Management auf die gewünschte Seite und wählen die Funktion "Slider" aus unter dem Punk "Multimedia".

Zeigt die Slider Eigenschaften im Incca CMS.
Auch hier öffnet sich ein neues Fenster mit verschiedenen Einstellungsmöglichkeiten für Ihren Slider. Mit einem Linksklick auf den gelben Ordner neben dem Feld zu Slider, sehen Sie alle Slider und Galerie Ordner. Navigieren Sie zu Ihrem zuvor in Schritt B) angelegten Slider und Doppel-links-klicken Sie in der rechten Hälfte des Fensters auf den Slider, um diesen auszuwählen.

Die weiteren optionalen Einstellungen werden nachfolgend erklärt:
  • Breite
    Hier können Sie die Slider Breite auswählen. Nutzen Sie "Breit" damit der Slider die ganze Spalten-Breite ausfüllt.
  • Automatischer Durchlauf
    Hier können Sie einen automatischen Durchlauf der Bilder im Slider aktivieren. Wenn das Kästchen nicht aktiviert ist, muss der Webseiten Besucher den Slider manuell steuern. (Das manuelle Steuern funktioniert auch mit eingeschaltetem Haken.)
  • Seitenverhältnis beibehalten
    Sollten Sie dieses Kästchen aktivieren, passt der Slider die Bilder nicht mehr automatisch an die Slider-Größe an, sondern behält das verwendete Bildformat bei.
  • Verweildauer in Sekunden
    Hier können Sie eine Zeit in Sekunden angeben, in welcher ein Bild angezeigt wird, bevor der Slider automatisch zum nächsten Bild wechselt. Diese Funktion wird nur beachtet, wenn Sie das Kästchen "Automatischer Durchlauf" aktivieren.
Nachdem Sie auf "Speichern" klicken, erscheint in der Vorschau ein Musterbild. Dieses zeigt nicht Ihren Slider. Ihr Slider wird erst im Staging oder Live System korrekt angezeigt.

E) Einbauen von Slider-Elementen in einer Kachelseite

Zeigt die Kachelseite und jeweiligen Optionen im Incca CMS.
Sie können Slider auch auf einer Kachelseite einbauen. Wichtig ist, dass der Slider ein 2x2 Kachelfeld benötigt. Also jeweils ein zusätzliches leere Kachel-Felde rechts und unter dem ausgewählten Feld.

Klicken Sie mit einem Rechtsklick auf das leere Kachefeld und wählen Sie "Slideshow 2x2" aus dem Auswahlmenü.
Zeigt das Eigenschaftsmenü einer Slideshow für die Kachelseite.
Es öffnet sich ein neues Fenster. Hier können Sie neben dem Feld "Slideshow", mit einem Klick auf das gelbe Ordner-Symbol, Ihren Slider suchen und mit einem Doppel-Linksklick auswählen.
Wenn Sie "Automatischer Durchlauf" aktivieren, wechseln die Bilder im Slider automatisch zum Nächsten nach der im Feld "Verweildauer in Sekunden" Anzahl von Sekunden.

F) Beispiel-Slider

Dieser Beispiel-Slider zeigt wie man Slider im alten System in eine Kachelseite einbauen konnte. Die Anleitung für das neue System finden Sie oberhalb des Beispiel-Sliders.
Anleitung

Kurzbeschreibung

Langbeschreibung

8. Schritt
9. Schritt
10. Schritt
11. Schritt
12. Schritt
Anleitung