Question 1

Wo finde ich die Mediengalerie?

Accepted Answer

Gestalten Sie Ihre Website mit Bildern in verschiedenen Varianten, zum Beispiel Mediengalerien, Slideshows, großflächige Bilder.

Mediengalerien finden Sie im Navigationsbereich unter Medien Mediengalerie.

Question 2

Wo erstelle ich eine Mediengalerie?

Accepted Answer

Unter Medien Mediengalerie erstellen Sie mit dem Symbol Neuer Eintrag Ihre neue Mediengalerie. Geben Sie Ihrer Mediengalerie einen sprechenden Titel und wählen Sie eine Standard-Darstellungsform aus.    ✕

Neuer Eintrag

✕

Eintrag ein- / ausblenden

✕

Standard-Darstellungsform

Nur eine eingeblendet Mediengalerie können Sie auf Inhaltsseiten verwenden. Sie können eine Mediengalerie auch in der Mediabox erstellen. Wie das funktioniert, erklären wir Ihnen im Tutorial Mediengalerie in Mediabox erstellen.

Question 3

Was bedeuten die Symbole in der Übersicht bei der Mediengalerie?

Accepted Answer

Mit dem Symbol "freigeben" oder "gesperrt" steuern Sie die Sichtbarkeit Ihrer Mediengalerien. Nur wenn die Mediengalerie freigegeben ist, können Sie diese im Inhaltseditor verbauen.
Klicken Sie bei Ihrer Mediengalerie auf das Icon Eintrag bearbeiten, lassen sich der Titel Ihrer Mediengalerie und die Standard-Darstellungsform nachträglich ändern.
Zum Kopieren oder löschen der gesamten Mediengalerie klicken Sie das entsprechende Icon.
Zum Bearbeiten der einzelnen Bilder klicken Sie beim Eintrag ganz rechts auf den Button "Bilder (3)".

 ✕

Icons Aus- / Einblenden , , Bearbeiten , Kopieren , Löschen

Question 4

Wie bearbeite ich die Bilder in der Mediengalerie?

Accepted Answer

Öffnen Sie einen Eintrag per Klick auf das Icon.
Geben Sie dem Bild einen Titel.
Erstellen Sie einen ALT-Text als wichtigen Beitrag zur Barrierefreiheit. Screenreader lesen diese Texte für Sehbehinderte vor.
Die Daten vom Mediabox-Bild werden damit überschrieben.
Bei der Beschreibung können Sie das Bild etwas genauer beschreiben. Wird online auf dieses Bild in der Mediengalerie geklickt, erscheint die Beschreibung unter dem Bild.
Die Reihenfolge der Bilder können Sie hier ebenfalls verändern, das Bild wieder löschen oder das Bild in dieser Mediengalerie sperren.
Vergessen Sie nicht zu speichern, damit Ihre Änderungen übernommen werden.

    ✕

Eintrag mit Klick auf öffnen

✕

Optional Titel, Alt-Text, Beschreibung bearbeiten

✕

Reihenfolge ändern

✕

Speichern-Button & Icons Löschen , Aus- / Einblenden ,

Question 5

Wie kann ich ein Bild in meiner Mediengalerie ergänzen?

Accepted Answer

Unter Neuen Inhalt hinzufügen ergänzen Sie weitere Bilder oder Videos für Ihre Mediengalerie.

Klicken Sie dazu auf das Fragezeichen-Symbol , um die Mediabox zu öffnen. Die finale Reihenfolge können Sie erst nach dem Speichern festlegen.

Question 6

Wie ergänze ich Videos in einer Mediengalerie?

Accepted Answer

In einer Mediengalerie lassen sich auch YouTube-Videos integrieren. Neue Videos lassen sich in der Mediengalerie genauso anlegen, wie neue Bilder. Wählen Sie dazu in der Mediabox statt einem Bild einfach ein Video aus. Anschließend klicken Sie auf Speichern.

Wie Sie Videos in die Mediabox laden, erklären wir Ihnen in einem eigenen Tutorial.

Im Frontend erscheint ein Play-Button über den Videos und wenn Sie auf ein Video klicken, öffnet sich eine Lightbox. Klicken Sie auf den Play-Button startet das Video .

Videos am Play-Button erkennbar

Question 7

Wie lege ich eine Mediengalerie im Inhaltseditor an?

Accepted Answer

Voraussetzung: Die Mediengalerie muss angelegt und freigeschaltet sein, damit Sie diese auf einer Inhaltsseite verwenden können.
Erstellen Sie im Inhaltseditor eine neue Inhaltszeile in Ihrem gewünschten Layout und klicken auf Neues Modul. Im neuen Fenster legen Sie die Einstellungen für die Darstellung Ihrer Mediengalerie auf der aktuellen Seite fest.

Schritt 1: Bei Modul wählen Sie Erweiterung: Mediengalerie aus.
Schritt 2: Bei Mediengalerie auswählen suchen Sie sich Ihre gewünschte Mediengalerie aus dem Dropdown aus.
Sollten Sie diese nicht im Dropdown finden, haben Sie die Mediengalerie noch nicht freigeschaltet.

Schritt 3: Unter Darstellungsform wählen Sie die Darstellung aus, in der die Mediengalerie auf dieser Seite ausgegeben werden soll.
Wählen Sie beim Modul keine Darstellungsform aus, dann wird die Mediengalerie in der unter Medien Mediengalerie ausgewählten Standard-Darstellung ausgegeben.
Optional: Aktivieren Sie die Checkbox bei Thumbnails, dann sind weitere Darstellungsformen auswählbar.
Schritt 4: Zum Speichern klicken Sie auf Übernehmen.

Question 8

Wie sehen die Darstellungen der Mediengalerien online aus?

Accepted Answer

Beim Erstellen einer Mediengalerie unter Einstellungen und beim Anlegen der Erweiterung Mediengalerie im Inhaltseditor können Sie verschiedene Darstellungsformen auswählen. Wir haben in diesem Tutorial immer die gleichen 5 Bildern in unterschiedlichen Darstellungsformen angelegt, damit Sie sich die Unterschiede ansehen können.

Bei den Einstellungen der Mediengalerie legen Sie eine Standard-Darstellungsform fest.
Und beim Anlegen der Erweiterung Mediengalerie können Sie optional die Darstellungsform für die aktuelle Seite ändern.

Mediengalerie mit 5 Bildern im Hochformat, ohne Außenabstand, swipebar Mediengalerie mit 5 Bildern im Querformat, ohne Außenabstand, swipebar Mediengalerie mit 5 Bildern quadratisch, ohne Außenabstand, swipebar Mediengalerie mit 5 Bildern im Querformat, mit Außenabstand, swipebar Mediengalerie mit 5 Bildern im Querformat, ohne Außenabstand, nicht swipebar Bei der Mediengalerie mit Thumbnails sind Darstellungsmöglichkeiten mit Außenabstand oder swipebar nicht auswählbar. Mediengalerie mit 5 Bildern quadratisch, mit Thumbnails

Question 9

Kann ich bei den News auch eine Mediengalerie anlegen?

Accepted Answer

Sie möchten Ihren Websitebesuchern auch bei Ihren Newsbeiträgen eine tolle Mediengalerie zeigen? Das geht!

Wie, erklären wir Ihnen im Tutorial:

Mediengalerie bei News

Question 10

Wo finde ich die Slideshows?

Accepted Answer

Sie möchten eine Slideshow auf Ihrer Website verwenden? Sie finden die Slideshows im Navigationsbereich unter Medien Slideshow.

Question 11

Wie erstelle ich eine Slideshow?

Accepted Answer

Um Ihre Website visuell noch ansprechender zu gestalten, können Sie Slideshows in unterschiedlichen Darstellungen einsetzen.

In der Übersicht Ihrer Slideshows lassen sich

automatisch weitersliden
Slider-Karusell und
Navigationspfeile anzeigen

aktivieren und deaktivieren, ohne die Slideshow zu öffnen.

   ✕

Neuer Eintrag

✕

Icons Aus- / Einblenden , , Bearbeiten , Kopieren , Löschen

✕

Einstellungen in der Listenübersicht

Mit dem Symbol Neuer Eintrag legen Sie eine neue Slideshow an.

Klicken Sie auf das Symbol Eintrag Bearbeiten passen Sie die Einstellungen an.

Ändern Sie hier den Titel,
passen Höhe sowie maximale Breite an,
aktivieren oder deaktivieren automatisch weitersliden,
stellen unter Verzögerung die zeitliche Abfolge der Bilder ein (Standardwert 9 Sekunden),
aktivieren oder deaktivieren Slider-Karusell und Navigationspfeile,
wählen die Slidenummerierung als Punkte, Balken, Bruchstriche oder keine Anzeigen aus.
Speichern nicht vergessen 😉.

Slidenummerierung Punkte, mit Navigationspfeilen Slidenummerierung Balken, ohne Navigationspfeile Slidenummerierung Bruchstriche, mit Navigationspfeilen

Question 12

Was sehe ich in der Übersicht bei meiner Slideshow?

Accepted Answer

Um Bilder zur Slideshow hinzuzufügen, klicken Sie in der Übersicht auf das Symbol Neuer Eintrag.

Bei jedem einzelnen Bild Ihrer Slideshow können Sie unter Gültigkeit einen Zeitraum mit Datum und Uhrzeit festlegen, in dem dieses Bild im Frontend ausgegeben wird. Nutzen Sie diese Einstellung, um Online-Kampagnen zu planen.
- Legen Sie keinen Start-Zeitpunkt fest, wird das Bild sofort nach dem Verbauen der Slideshow im Frontend angezeigt.
- Legen Sie keinen End-Zeitpunkt fest, wird das Bild ab dem Start-Zeitpunkt angezeigt, solange diese Slideshow verbaut und die Inhaltsseite eingeblendet ist.
Ändern Sie die Reihenfolge der Bilder in der Slideshow jederzeit.
Mit dem Symbol sperren Sie ein Bild in der Slideshow und mit dem Symbol geben Sie das Bild wieder frei.
Kopieren und Löschen eines Bildes sind selbsterklärend 😉.
Um weitere Änderungen bei einem bestehenden Bild vorzunehmen, klicken Sie auf das Symbol Eintrag bearbeiten.

Question 13

Wie kann ich meine Slideshow für Marketing-Kampagnen verwenden?

Accepted Answer

Bei einer Kampagne handelt es sich um eine Marketing-Aktion, die zeitlich begrenzt auf etwas aufmerksam macht. Klassische Beispiele dafür sind

Aktionen zu einer Produkteinführung
Aktionen in der Oster- oder Weihnachtszeit

Es gibt online bereits unzählige Möglichkeiten, wo Sie Kampagnen schalten können. Bei Ihrer REDX-Website ist das bei der Slideshow Erweiterung integriert.

Sie möchten zum Beispiel für eine Weihnachtsaktion in Ihrem SHOPX Onlineshop in der Vorweihnachtszeit eine Kampagne schalten? Das geht in unserer Slideshow Erweiterung ganz einfach und ist jedes Jahr wiederverwendbar.

Um Marketing-Kampagnen bei Ihrer Slideshow zu erstellen, haben Sie bei jedem Bild in der Übersicht die Spalte Gültigkeit. Hier legen Sie den Zeitbereich für eine Marketing-Kampagne fest, in dem dieses Bild angezeigt wird. Klicken Sie dazu in der Übersicht auf das Kalendersymbol .

Ist der Zeitraum bei einem Bild eingeschränkt, sehen Sie das auf den ersten Blick in der Übersicht am Rahmen um das Kalendersymbol.

Bei einem roten Rahmen ist der Zeitbereich inaktiv und das Bild wird online nicht angezeigt.
Bei einem grünen Rahmen ist der Zeitbereich aktiv und das Bild wird online angezeigt.

   ✕

Grüner Rahmen = Kampagne aktiv

✕

Roter Rahmen = Kampagne inaktiv

✕

Kein Rahmen = kein Zeitraum hinterlegt

Darstellung der Gültigkeit in der Übersicht

Question 14

Wie kann ich ein Bild in meiner Slideshow ergänzen?

Accepted Answer

Klicken Sie bei einer Slideshow in der Übersicht Ihrer Bilder auf das Symbol Neuer Eintrag. Anschließend legen Sie hier ein neues Bild an.

Question 15

Wie bearbeite ich die Slideshow-Bilder?

Accepted Answer

Klicken Sie in der Übersicht Ihrer Slideshow auf den Button "Slides (7)" und anschließend beim Bild, welches Sie bearbeiten möchten, auf das Symbol bearbeiten.

Geben Sie Ihrem Bild einen Titel.
Genaueres zum Hintergrund lesen Sie weiter unten.
Optional geben Sie beim Slidetext einen Text ein, der über dem Bild erscheint. Formatieren Sie den Text wie im CK-Editor auf den Inhaltsseiten.
Unter Vertikale Textausrichtung legen Sie fest, wo der erstellte Text über dem Bild angezeigt wird.
Verlinken Sie die Bilder Ihre Slideshow unter Link. Hier können Sie beispielsweise bei einer Slideshow im Header Ihrer Startseite ein Bild zu einem Aktionsprodukt verlinken 😉.
Vergessen Sie nicht zu speichern, damit Ihre Änderungen übernommen werden.

Bei Hintergrund Bild klicken Sie auf das Fragezeichen , dann öffnet sich die Mediabox. Dort wählen Sie Ihr Bild aus.

Richten Sie bei Ausrichtung den Bildfokus auf neun verschiedene Positionen Ihres Bildes.

Bei Einpassung wählen Sie zwischen Original, Eingepasst oder Ausgefüllt aus.

Question 16

Wie verhalten sich Ausrichtung und Einpassung bei der Slideshow?

Accepted Answer

Beim Anlegen eines neuen Slides finden Sie bei Ausrichtung und Einpassung verschiedene Variationsmöglichkeiten. Vorausgewählt ist bei Ausrichtung genau die Mitte und bei Einpassung ausgefüllt.

1. Beispiel: Slideshows mit ausgefüllten Bildern

Slideshow-Einstellung: Einpassung ausgefüllt

Ihre Bilder werden vollflächig an die Bildschirmbreite angepasst. Der gesamte Slideshow-Container ist gefüllt. Wählen Sie den Fokus und legen fest, welcher Teil des Bildes erscheint.

Originalbild

Ausrichtung oben links - Einpassung ausgefüllt

Ausrichtung unten rechts - Einpassung ausgefüllt

Ausrichtung mittig mittig - Einpassung ausgefüllt

2. Beispiel: Bilder mit originaler Breite & verschiedenen Ausrichtungen

Slideshow-Einstellung: Einpassung original

Die originale Größe des Bildes bleibt immer gleich und wird so innerhalb des Slideshow-Bereiches auf dem jeweiligen Bildschirm ausgegeben. Je nach horizontaler und vertikaler Ausrichtung positioniert sich das Bild unterschiedlich.

Das verwendete Bild ist und bleibt 200 x 100 Pixel groß. Der bei diesem Beispiel dunkelgrau hinterlegte Slideshow-Container wird nicht ausgefüllt.

Originalbild: 200 x 100 Pixel

Ausrichtung oben links - Einpassung original

Ausrichtung mittig rechts - Einpassung original

Ausrichtung unten links - Einpassung original

Ausrichtung unten rechts - Einpassung original

Ausrichtung mittig mittig - Einpassung original

Ausrichtung mittig links - Einpassung original

Ausrichtung unten mittig - Einpassung original

Ausrichtung oben mittig - Einpassung original

Ausrichtung oben rechts - Einpassung original

3. Beispiel: Slideshow mit eingepassten Bildern

Slideshow-Einstellung: Einpassung eingepasst

Mit dieser Einstellung werden Ihre Bilder innerhalb der Slideshow immer zur Gänze sichtbar angezeigt. Dabei passt sich das Bild je nach Seitenverhältnis entweder in der Höhe oder in der Breite an den Slideshow-Container an. Je nach Bildabmessungen wird es entweder vergrößert oder verkleinert. Verwendet wird bei diesem Beispiel ein Bild mit 600 x 400 Pixel.

Originalbild: 600 x 400 Pixel

Ausrichtung oben links - Eingepasst

Ausrichtung oben mittig - Eingepasst

Ausrichtung oben rechts - Eingepasst

Ausrichtung mittig links - Eingepasst

Ausrichtung mittig mittig - Eingepasst

Ausrichtung mittig rechts - Eingepasst

Ausrichtung unten links - Eingepasst

Ausrichtung unten mittig - Eingepasst

Ausrichtung unten rechts - Eingepasst

Ein paar Slideshow Ideen

Mit etwas Geschick können Sie die hintereinander erscheinenden Bilder gezielt nutzen und es entstehen einzigartige Effekte. Beim ersten Beispiel haben wir ein Hintergrund-Bild verbaut. Die zweite Slideshow präsentiert einige Team-Mitglieder.

Seien Sie kreativ und kombinieren die Variationen. Lassen Sie sich überraschen, was so alles entsteht.

Originalbild

Ausrichtung mittig links - Einpassung ausgefüllt Ausrichtung mittig links - Eingepasst

Ausrichtung mittig rechts - Einpassung original

Ein paar weitere Tipps...

Ausschlaggebend für die Ausgabe Ihrer Bilder in der Slideshow ist auch das Layout Ihrer Inhaltszeilen. Damit haben Sie noch mehr künstlerische Freiheiten bei der Gestaltung Ihrer Website, denn Slideshows müssen nicht immer die gesame Fläche füllen.
Verbauen Sie nicht zu große Bilder (wir empfehlen maximal 2000 Pixel) in Ihrer Slideshow. Die Ladezeit wird dadurch erhöht, was negative Auswirkungen auf die Suchmaschinen-Optimierung hat.
Verwenden Sie maximal 7 Slides. Bei zu vielen Slides braucht Ihre Seite ebenfalls länger zum Laden.

Question 17

Wie lege ich eine Slideshow im Inhaltseditor an?

Accepted Answer

Zuerst wechseln Sie zu der gewünschten Seite in den Inhaltseditor. Wählen Sie eine neue Inhaltszeile aus und klicken Sie auf neues Modul.

Im neuen Fenster wählen Sie das Modul aus und legen die Darstellung der Slideshow auf dieser Inhaltsseite fest.

Schritt 1: Bei Modul wählen Sie Erweiterung: Slideshow aus.
Schritt 2: Bei Slideshow auswählen suchen Sie sich aus dem Dropdown Ihre gewünschte Slideshow aus.

Ihre Slideshow erscheint nur im Dropdown, wenn die Slideshow freigegeben ist.

Schritt 3: Bei Darstellungstyp auswählen wählen Sie aus:
- Slider (großflächige Bilder): Pro Slide wird ein Bild im Großformat angezeigt.
- Carousel (Thumbnails): Die Bilder der Slideshow werden in 6 Spalten ausgegeben, erst ab dem siebten Bild beginnt das Carousel zu sliden.

Damit die Bilder beim Darstellungstyp Carousel nicht verpixelt oder unvorteilhaft dargestellt werden, legen Sie alle Bilder in der gleichen Größe an (Höhe x Breite).
Die Höhe und max. Breite der Slideshow-Einstellungen greifen beim Carousel nicht! Hier werden die Bilder immer in der gleichen Größe und immer in 6 Spalten ausgegeben

Schritt 4: Nach dem Darstellungstyp können Sie noch einen Übergangs-Effekt auswählen, entweder Slide, Fade oder Kontinuierlich.
Schritt 5: Mit Klick auf Übernehmen speichern Sie Ihre Auswahl für die Slideshow auf dieser Inhaltsseite.

Allgemeine Einstellungen können Sie unter Customizing bei der Slideshow vornehmen. Beachten Sie außerdem die Einstellungen direkt bei der Slideshow.

Modul Einstellungen Inhaltsseite Slideshow als Slider mit Fade-Effekt Slideshow als Carousel mit Slide-Effekt

Question 18

Wie können Slideshows verknüpft werden?

Accepted Answer

Bei der Slideshow-Einbindung auf der SITEX-Seite gibt es den Punkt Slideshows verknüpfen. Zwei verknüpfte Slideshows können mit den passenden Einstellungen gemeinsam geswipped werden.

Die unten angeführten Hinweise sind dabei unbedingt zu beachten!

 ✕

Einstellung aktivieren (default deaktiviert) und Hinweis beachten

Slideshows verknüpfen bei SITEX-Einbindung

Ein paar wichtige Hinweise sind für die optimale Darstellung der verknüpften Slideshows zu beachten:

Die beiden verknüpften Slideshows sollten die gleiche Anzahl an Slides haben.
Es werden immer nur zwei Slideshows miteinander verknüpft und bei beiden muss "Slideshows verknüpfen" aktiviert sein.
Stellen Sie bei den verknüpften Slideshows die gleiche Verzögerung ein.
"Automatisch Weitersliden" darf nur bei einer der beiden verknüpften Slideshows aktiviert werden, nicht bei beiden.
Haben Sie bei einzelnen Slides eine Gültigkeit hinterlegt, muss diese bei den beiden verknüpften Slideshows gleich sein.
Der Übergangs-Effekt Kontinuierlich funktioniert nur, wenn er bei beiden Slideshows verwendet wird.
Die Übergangs-Effekte Slide & Fade können kombiniert werden, solange die gleiche Verzögerung eingestellt ist.
Mit Text bei aktiviertem Inhaltseditor in der Erweiterung Slideshows muss unbedingt die Verzögerungszeit beachtet werden, der Text sollte im ausgewählten Zeitraum zu lesen sein.
Die Darstellung Thumbnails funktioniert nur mit Bildern, nicht mit Texten, was hier ebenfalls für verknüpfte Slideshows gilt.

Und hier ein optimiertes Beispiel mit gleichen Einstellungen und gleicher Bildgröße.

Tutorial: Mediengalerie & Slideshow

Mediengalerie

Slideshow

Wie können wir Sie bei Ihrem Webprojekt unterstützen?

Wie können wir Sie bei Ihrem Webprojekt unterstützen?

Tutorial: Medien­galerie & Slide­show

Mediengalerie

Slideshow

Wie können wir Sie bei Ihrem Webprojekt unterstützen?

Wie können wir Sie bei Ihrem Webprojekt unterstützen?

Tutorial: Mediengalerie & Slideshow