Galerieraster

In einem Galerieraster können Sie ein Set von Bildern gleichzeitig in Zeilen und Spalten darstellen.

1. Navigieren Sie zur Seite, die bearbeitet werden soll, und stellen Sie sicher, dass der auf Bearbeiten gesetzt ist.
2. Fügen Sie die Komponente zur Seite hinzu. Die Galerierasterkomponente enthält ein Platzhalterbild, bis Sie die Bilder auswählen, die verwendet werden sollen.
3. Um ein oder mehrere Bilder zu der Galerie hinzuzufügen, klicken Sie auf das entsprechende Menüsymbol , wählen Einstellungen und klicken auf Bilder in der Registerkarte Allgemein.
4. Klicken Sie auf Bilder hinzufügen.
5. Wählen Sie mindestens ein Bild aus.

   Hinweis:

   In dem Fenster werden alle verfügbaren Dateien angezeigt. Sie müssen den entsprechenden Dateityp für den Kontext wählen. Beispiel: Wenn Sie eine Bilddatei wählen, müssen Sie eine Datei mit einem gültigen Bildformat wählen (GIF, JPG, JPEG, PNG oder SVG).
   1. Suchen Sie die gewünschten Bilder, und wählen Sie sie aus.

      Wenn keine digitalen Assets angezeigt werden, klicken Sie auf , und setzen Sie den Sammlungsfilter auf Alle.

   2. Wenn Sie ein Bild aus einem Dokumentordner ausgewählt haben, können Sie einen Link zu der Datei erstellen, anstatt sie in die Site zu kopieren. Um einen Link zur Datei zu erstellen, wählen Sie Verwenden Sie eine Referenz auf die ursprüngliche Datei, anstatt die Datei zur Site zu kopieren. Wenn Sie diese Option nicht auswählen, wird eine Kopie der Datei mit der Site gespeichert und aus der Site referenziert. Durch die Verknüpfung mit der Originaldatei wird eine Duplizierung des Inhalts vermieden. Über den Link können Sitebesucher den Inhalt selbst dann sehen, wenn die Berechtigungen für die Datei geändert werden oder die Anzeige anderweitig begrenzt ist.
   3. Klicken Sie auf OK.
   4. Wenn Sie ein digitales Asset ausgewählt haben, können Sie die gewünschte Formatvariante auswählen. Wenn Sie keine Formatvariante auswählen, wird die Originalgröße verwendet. Wenn bei der Veröffentlichung der Site die aktuelle Version des Assets veröffentlicht werden soll, wählen Sie die Option Neueste Assetversion verwenden aus.
   Die gewählten Bilder werden zu der Bilderliste hinzugefügt. Verschieben Sie die Bilder per Drag and Drop, um sie in der Liste (und dem Raster) neu anzuordnen. Der Standardtitel jedes Bildes ist der Dateiname ohne die Erweiterung.
6. Um Titel, Beschreibung oder andere Optionen für ein bestimmtes Bild zu ändern, klicken Sie auf das Bild in der Liste und nehmen die Änderung vor.
   Sie können auch einen Link oder andere Aktionen mit einem Bild in der Galerie verknüpfen.
   1. Klicken Sie im Bereich "Einstellungen" für ein bestimmtes Bild auf das Feld "Link".
   2. Wählen Sie eine der folgenden Optionen:

      • Kein Link: Das Bild führt keine Aktion aus, wenn der Benutzer darauf klickt.

      • Webseite: Geben Sie eine vollständige URL zu einer externen Seite oder Site an, und wählen Sie aus, wo der Link geöffnet werden soll.

      • Siteseite: Wählen Sie mit der Seitenauswahl eine Seite auf der aktuellen Site aus, und legen Sie fest, wo der Link geöffnet werden soll. Sie können zusätzliche URL-Parameter im Format key1=value1&key2=value2 angeben. Leere Werte werden unterstützt. Beispiel: key1=&key2=value2. Sie können auch einen URL-Anker angeben, müssen dann allerdings ein spezielles Ankerabschnittslayout an der Stelle auf der Zielsite hinzufügen, wo der Ankerlink aufgelöst werden soll. Außerdem müssen Sie den gleichen Ankernamen in Layouteinstellungen angeben, die Sie beim Definieren der Triggeraktion verwenden.

        Hinweis:

        Das Ankerabschnittslayout, das für die Verwendung von URL-Ankern erforderlich ist, ist im OCE Toolkit enthalten. Informationen darüber, wie Sie das Toolkit erhalten, finden Sie unter Mit OCE Toolkit entwickeln.

      • Dateidownload: Laden Sie eine gewählte Datei aus dem Repository herunter. Wählen Sie eine Datei aus.

        Wenn Sie ein digitales Asset auswählen, können Sie die gewünschte Formatvariante auswählen. Wenn Sie keine Formatvariante auswählen, wird die Originalgröße verwendet. Wenn bei der Veröffentlichung der Site die aktuelle Version des Assets veröffentlicht werden soll, wählen Sie die Option Neueste Assetversion verwenden aus. Wenn Sie die Option Neueste Assetversion verwenden nicht auswählen, wird die zuletzt veröffentlichte Version anstelle einer aktuelleren Entwurfsversion, sofern vorhanden, verwendet.

      • Inhaltselement: Wählen Sie ein Inhaltselement aus einem verknüpften Asset-Repository aus, wählen Sie die anzuzeigende Detailseite, und geben Sie an, ob die Seite im selben oder einem neuen Fenster geöffnet werden soll.

      • E-Mail: Geben Sie eine gültige E-Mail-Adresse sowie, falls gewünscht, einen Betreff an. Die entsprechende Nachricht wird geöffnet und über den Standard-E-Mail-Client gesendet.

      • Bildvorschau: Das ausgewählte Bild wird als Überlagerung auf der Seite dargestellt.

      • Karte: Geben Sie eine gültige Adresse oder Koordinaten ein, und wählen Sie aus, wo die Karte in Desktop- und mobilen Browsern geöffnet werden soll.

      • Telefonanruf: Geben Sie eine gültige Telefonnummer ein.

   3. Klicken Sie auf Zurück, um zu dem Bereich mit den Bildeinstellungen zurückzugehen. Klicken Sie erneut auf Zurück, um zu der Bilderliste zurückzugehen und ein anderes Bild zur Aktualisierung auszuwählen.
   4. Sobald Sie mit der Aktualisierung einzelner Bilder fertig sind, klicken Sie auf Zurück, um Galerieoptionen anzugeben.
7. Mit der Option Layout können Sie die Bilder in einem Raster anordnen.
   • Mauerwerk
   • Spalten
   • Benutzerdefiniert
   Jede dieser Optionen wird in den folgenden Schritten beschrieben.
8. Wählen Sie das Layout Mauerwerk, um die Bilder automatisch in Zeilen in dem verfügbaren Platz anzuordnen.
   Die Ergebniszeilen haben eine gleichförmige Höhe, jedoch keine definierten Spalten
   
   Beschreibung der Abbildung GUID-4CAF671A-F931-4177-BB92-E5F082663996-default.png
   
   1. Geben Sie Höhe an, um alle Bilder proportional auf die angegebene Höhe in Pixel zu skalieren.
   2. Geben Sie Bildabstand an, um den Platz zwischen den Bildern in der Zeile zu erhöhen oder zu verringern.
9. Wählen Sie das Layout Spalte, um die Bilder in Zeilen und Spalten anzuordnen.
   1. Wählen Sie eine Skalierungsoption, um die Darstellung der Bilder in dem Raster anzupassen:

      • Zuschneiden: Die kleinere der beiden Dimensionen (Breite oder Höhe) wird angepasst, damit sie in den verfügbaren Platz passt, und die größere Dimension wird zugeschnitten, um eine Dehnung des Bildes zu vermeiden.

      • Anpassen: Jedes Bild wird skaliert, damit das ganze Bild in den verfügbaren Platz passt, ohne das Bild zu verzerren.

      Beispiel: Das folgende Raster verwendet vier Spalten und passt die sechs Bilder entsprechend an:
      
      Beschreibung der Abbildung GUID-4AB0B5DD-89B4-492D-A968-45482B3953CE-default.png
      

      Hier dasselbe Raster mit zugeschnittenen Bildern:
      
      Beschreibung der Abbildung GUID-3B1C55AE-E995-41C4-A9D9-F52FA75FF7E3-default.png
      

   2. Geben Sie ein Seitenverhältnis an, um die Form der Zellen in dem Raster festzulegen.

      • Quadratisch: Ein Seitenverhältnis von 1:1.

      • Querformat: Ein Seitenverhältnis von 16:9.

      • Hochformat: Ein Seitenverhältnis von 9:16.

      • Benutzerdefiniert: Geben Sie Ihre eigenen numerischen Werte für das Seitenverhältnis ein.

   3. Geben Sie die Anzahl von Spalten an.
      Das Raster wird automatisch angepasst, um Spalten mit gleicher Breite zu erstellen.
   4. Geben Sie Bildabstand an, um den Platz zwischen den Bildern in Zeilen und Spalten zu erhöhen oder zu verringern.
10. Wählen Sie das Layout Benutzerdefiniert, um die Bilder in Zeilen und Spalten basierend auf einer Bildgröße und -breite anzuordnen, die Sie angeben.
    1. Wählen Sie eine Skalierungsoption, um die Darstellung der Bilder in dem Raster anzupassen:

       • Zuschneiden: Die kleinere der beiden Dimensionen (Breite oder Höhe) wird angepasst, damit sie in den verfügbaren Platz passt, und die größere Dimension wird zugeschnitten, um eine Dehnung des Bildes zu vermeiden.

       • Anpassen: Jedes Bild wird skaliert, damit das ganze Bild in den verfügbaren Platz passt, ohne das Bild zu verzerren.
    2. Geben Sie eine Bildhöhe und Bildbreite an, um die Form der Zellen in dem Raster zu bestimmen.
       Das Raster wird automatisch angepasst, um Zellen mit den angegebenen Dimensionen zu erstellen.
    3. Geben Sie Bildabstand an, um den Platz zwischen den Bildern in Zeilen und Spalten zu erhöhen oder zu verringern.
11. Geben Sie die Optionen Ausrichtung, Breite, und Abstand an, um das Raster innerhalb des Slots zu positionieren.
    Verwenden Sie Breite, um die Breite, in Pixel, der Galerie innerhalb des Slots anzugeben. Klicken Sie auf eine Ausrichtungsoption mit Ausnahme von Ausfüllen, um die Breite anzugeben. Nachdem Sie die Breite festgelegt haben, können Sie Ausfüllen verwenden, um das Bild auf die angegebene Breite zu erweitern.