So verwenden Sie die Galerie- und Bild-Slider-Komponenten im Homepage-Baukasten

Möchten Sie mehrere Bilder auf Ihrer Website anzeigen? Mit den Homepage-Baukasten-Komponenten „Galerie“ und „Bild-Slider“ können Sie mehrere Bilder in einem Raster einfügen oder in einer Diashow anordnen. Diese Anleitung zeigt Ihnen, wie Sie die Komponenten zu Ihrer Website hinzufügen und nach Ihren Wünschen anpassen.


Eine Komponente auf Ihrer Website einfügen

  1. Öffnen Sie den Homepage-Baukasten über das one.com Kontrollpanel.
  2. Gehen Sie im linken Menü zu Galerie und wählen Sie eine Galerievariante aus.
  3. Ziehen Sie die gewünschte Komponente in Ihren Arbeitsbereich und legen Sie sie an der Stelle ab, an der Sie Ihre Galerie oder Ihren Slider platzieren möchten.
  4. Wählen Sie die Bilder aus, die Sie einfügen möchten, oder laden Sie sie von Ihrem Computer oder einer externen URL hoch. Klicken Sie unten im Pop-up-Fenster auf Zur Seite hinzufügen.
  5. Passen Sie die Größe und Platzierung der Komponente nach Ihren Wünschen an.
  6. Klicken Sie oben in der Komponente auf Galerie-Einstellungen/Bild-Slider-Einstellungen, um die Einstellungen Ihrer Galerie anzupassen.
  7. Klicken Sie auf Speichern und Veröffentlichen, um die Bilder auf Ihrer Website sichtbar zu machen.

ezgif.com-gif-maker__17_.gif


Bilder ändern und neue hinzufügen

Wenn Sie auf die eingefügte Komponente klicken, werden zwei Registerkarten angezeigt: Galerie-/Bild-Slider-Einstellungen und Bilder ändern.

Klicken Sie auf die Registerkarte Bilder ändern, um die Bilder Ihrer Galerie zu ändern. Sie können ein Bild entfernen, indem Sie auf das Papierkorbsymbol in der Ecke klicken, oder es bearbeiten, indem Sie auf das Bleistiftsymbol klicken. Sie können der Galerie auch neue Bilder hinzufügen, indem Sie oben rechts auf Bilder hinzufügen klicken.

Hinweis: Der Titel des Bildes fungiert in diesen Komponenten auch als Alt-Text. Wenn Sie einen Alt-Text hinzufügen möchten, können Sie dies unter Titel (Alt) auf der rechten Seite in der Übersicht Bilder sortieren und bearbeiten tun.

Screenshow mit der Übersicht „Bilder sortieren und bearbeiten“ in der Galeriekomponente.


Einstellungen der Galerie- und Bild-Slider-Komponenten

Wenn Sie auf die Registerkarte Einstellungen der Komponente klicken, werden zwei Menüs angezeigt. Hier können Sie die folgenden Optionen ändern:

Galerie-Komponente:

1 - Menü oben/unten

  • Spalten – Passen Sie die Anzahl der Spalten an.
  • Abstände – Passen Sie den Leerraum zwischen den Bildern an.
  • Zuschneiden – Aktivieren Sie dieses Kontrollkästchen, wenn Bilder zugeschnitten werden sollen, sodass sie in der Galerie alle die gleiche Größe haben.
  • Kompakte Ansicht – Aktivieren Sie dieses Kontrollkästchen, wenn die Bilder möglichst nah innerhalb der blauen Ränder angezeigt werden sollen.
  • Volle Breite – Aktivieren Sie dieses Kontrollkästchen, wenn sich die Galerie über die gesamte Breite Ihrer Seite erstrecken soll.

 

2 - Schwebendes Menü

  • Auf Klick - Wählen Sie aus, was passieren soll, wenn ein Benutzer auf das Bild klickt. Wählen Sie nichts aus, zeigen Sie ein größeres Bild an oder öffnen Sie einen Link.
  • Bildunterschriften - Wählen Sie aus, ob Sie den Bildern in der Galerie Bildunterschriften hinzufügen möchten. Klicken Sie auf „Bildunterschriften verwalten“, um Text und Alternativtext einzugeben. Wählen Sie, ob eine Bildunterschrift links, rechts oder zentriert angezeigt werden soll. Sie können auch den Stil der Bildunterschriften wählen – zur Auswahl stehen „Klassisch“, „Template“ und „Benutzerdefiniert“.
  • Bild-Stil - Hier können Sie das Seitenverhältnis Ihres Bildes ändern, z. B. in Quer- oder Hochformat. Sie können auch Ränder und abgerundete Ecken hinzufügen.
  • Volle Breite – Hier können Sie die gesamte Breite der Galerie so anpassen, dass sie außerhalb der blauen Ränder (volle Breite) oder innerhalb (Standard) liegt.

Screenshot, der die Galeriekomponente zeigt. Rote, nummerierte Punkte markieren das Eigenschaftenfenster und das schwebende Menü im Bild.

Bild-Slider-Komponente:

1 - Menü oben/unten

  • Spalten – Passen Sie die Anzahl der Spalten (1-5) im Bild-Slider an. Im Screenshot haben wir drei ausgewählt.
  • Übergang – Wählen Sie für den Übergang zwischen den Bildern entweder einen Hineinschiebe- oder einen Einblendeffekt.
  • Zuschneiden – Sie können jedes Ihrer Bilder so zuschneiden, dass sie im Bild-Slider die gleiche Größe haben. Die Zuschneidefunktion ist immer aktiv, wenn Sie mehrere Bilder (Spalten) pro Slide haben.
  • Geschwindigkeit – Wählen Sie die Bildübergangsgeschwindigkeit. Das Minimum beträgt 1 Sekunde und das Maximum 15 Sekunden.
  • Volle Breite – Wählen Sie, ob Ihre Bilder in voller Breite angezeigt werden sollen. Diese Funktion ist nur verfügbar, wenn Sie pro Folie nur eine Spalte mit Bildern haben.

 

2. Schwebendes Menü

  • Navigation – Wählen Sie, ob Bilder automatisch verschoben werden sollen, und passen Sie die Navigationspfeile und den Indikator an oder blenden Sie sie aus.
  • Auf Klick – Wählen Sie aus, was passieren soll, wenn ein Kunde auf ein Bild klickt. Wählen Sie nichts aus, zeigen Sie ein größeres Bild an oder öffnen Sie einen Link.
  • Bildunterschriften – Wählen Sie aus, ob Bildunterschriften zusammen mit den Bildern angezeigt werden sollen. Wenn Sie diese Box aktivieren, erhalten Sie weitere Anpassungsmöglichkeiten: Fügen Sie Bildunterschriften hinzu und wählen Sie Ausrichtung und Platzierung.
  • Volle Breite – Wenn Sie nur eine Spalte haben, können Sie die Breite des Bild-Sliders so anpassen, dass er außerhalb der blauen Ränder (volle Breite) oder innerhalb (Standard) liegt.
Screenshot, der die Bild-Slider-Komponente zeigt. Die roten Punkte „1“ und „2“ zeigen auf das Eigenschaftenfenster und das schwebende Menü.

Verwandte Artikel:

War dieser Beitrag hilfreich?

Können Sie nicht finden, wonach Sie suchen?

Starten Sie einen Chat

Der schnellste Weg, mit uns in Kontakt zu treten – werktags von 09:00 bis 18:00 Uhr.