Galerieblock

Galerieblöcke helfen dabei, zahlreiche Bilder auf einer Website zu präsentieren. Du kannst ein Portfolio erstellen oder Fotos von einer Veranstaltung auf klare und prägnante Weise anzeigen. Du kannst Stockfotos oder eigene Bilder hinzufügen.

Es gibt zwei Arten von verfügbaren Galerieblöcken, die deine Bilder auf unterschiedliche Weise anzeigen. Du kannst ein Blocklayout wählen, das die Hinzufügung eines beschreibenden Titels und Textinhalts zu deiner Galerie ermöglicht, oder du kannst eine Vollbildreihe von Bildern unterschiedlicher Größen hinzufügen.

Hinzufügen eines Blocks

So fügst du den Galerieblock zu deiner Seite hinzu:

  1. Wähle einen Ort, an dem du deine Bildergalerie hinzufügen möchtest, und klicke auf die Block hinzufügen (+) Plus-Schaltfläche.
  2. Navigiere in der Blockbibliothek zum Galerie-Abschnitt im Menü auf der linken Seite und klicke darauf, um die vordefinierten Blocklayouts zu sehen.
  3. Klicke auf das Galerieblocklayout, das dir gefällt, um es zu deiner Seite hinzuzufügen.

    No-logo-Gallery-block-1.png

Anpassen der Blockeinstellungen

Du kannst den Galerieblock mithilfe seines Bedienfelds anpassen. Um es zu aktivieren, klicke auf den Block und dann auf das Blockeinstellungen-Symbol.

No-logo-Gallery-block-2.png

Das Menü für die Blockeinstellungen besteht aus zwei Registerkarten: der Layout-Registerkarte und der Darstellung-Registerkarte.

In der Layout-Registerkarte kannst du das Blocklayout wechseln und auswählen, welche Elemente im Block angezeigt werden sollen. Um ein bestimmtes Blockelement auszublenden (zum Beispiel, wenn du einen Button entfernen möchtest), entferne das blaue Häkchen neben dem Namen des Elements.

No-logo-Gallery-block-3.png

In der Darstellung-Registerkarte kannst du folgende Änderungen vornehmen:

  • Blockstil: Ändere das Farbschema des Blocks.
  • Blockabstand: Ändere die Abstände oben und unten im Block.
  • Layout des Inhalts: Wähle die Anzahl der Elemente in einer Reihe aus.
  • Medieneinstellungen: Füge einen Schwarz-Weiß-Filter zu den Bildern in diesem Block hinzu.

Wenn du mit der Anpassung der Blockeinstellungen fertig bist, klicke auf Speichern.

Erfahre mehr über die allgemeinen Anpassungsoptionen für Blöcke in unserem Artikel zur Blockverwaltung.

Ersetzen von Demo-Bildern im Galerieblock

Du kannst Demo-Bilder im Galerieblock durch eigene geschäftsbezogene Bilder ersetzen und sie dann anpassen. Die meiste Anpassung erfolgt über das Bildsteuerelementfeld. 

Du kannst Demo-Bilder ersetzen, indem du Bilder direkt von deinem Computer hochlädst oder kostenlose Stockfotos aus der integrierten Fotobibliothek hinzufügst. 

Um das Demo-Bild zu ersetzen, befolge diese Schritte: 

  1. Klicke auf das Bild, das du ersetzen möchtest, um das Bildsteuerelementfeld zu aktivieren. 
  2. Klicke auf das Bild hochladen-Symbol, um die Upload-Optionen anzuzeigen.

    No-logo-Gallery-block-4.png
  3. Klicke auf die Option, die du verwenden möchtest. Wenn du die Option Datei hochladen auswählst, wirst du zu deinem Computerspeicher geleitet. Wenn du dich für Kostenlose Stockfotos durchsuchen entscheidest, wird die Bibliothek für kostenlose Stockfotos geöffnet, wo du das lizenzfreie Bild auswählen kannst, das du hochladen möchtest.

    No-Logo-Gallery-block-5.png
  4. Bestätige deine Auswahl, indem du auf Öffnen für die Option Datei hochladen und Senden für die Option Kostenlose Stockfotos durchsuchen klickst.

Zuschneiden des Galerieblockbildes

Wenn dein Bild nicht ideal in den Rahmen passt, kannst du es direkt im Sitebuilder zuschneiden. Verwende dazu das Zuschneiden-Symbol auf dem Bildsteuerelementfeld. Hier ist ein Video des Prozesses. 

Das Zuschneide-Symbol ermöglicht es dir auch, die Positionierung des Bildes und seinen Brennpunkt innerhalb des Containers anzupassen. Finde die vollständige Anleitung in unserem dedizierten Artikel.

Anpassen der Media-Einstellungen 

Ein weiteres hilfreiches Symbol auf dem Bildsteuerelementfeld ist Media settings.

Neben dem Zuschneiden und Ersetzen deines Bildes ermöglicht das Media settings-Menü Folgendes:

Galerie-Slider

Wenn du eine Diashow oder einen Bildkarussell auf deiner Website erstellen möchtest, verwende das Slider-Layout des Galerieblocks. Lies unseren Galerie-Slider-Artikel, um alle Funktionen kennenzulernen, die er bietet. 

Löschen des Bildes aus der Galerie

Es gibt zwei Möglichkeiten, die Bilder aus dem Galerieblock zu löschen: über die Media settings und über die Galerieeinstellungen

Das Löschen von Bildern über das Media settings-Symbol ist einfach:

  1. Klicke auf das gewünschte Bild und dann auf das Media settings-Symbol im Steuerelementfeld. 
  2. Im Media settings-Menü scrolle nach unten und klicke auf den Bild löschen-Button.

Das Bild wird sofort aus der Galerie entfernt. 

Hinweis: Um die Aktion rückgängig zu machen, drücke auf deiner Tastatur für Windows Ctrl+Z oder für Mac Command+Z oder verwende die Rückgängig-Schaltfläche in der Topbar.

Galerieeinstellungen ermöglichen das Stapellöschen von Bildern. So geht's: 

  1. Klicke auf das gewünschte Bild im Galerieblock und dann auf das Galerieeinstellungen-Symbol im Steuerelementfeld. 
  2. Im Galerie-Menü klicke auf die Auswählen-Schaltfläche, um die Bildauswahl zu aktivieren.
  3. Klicke auf die Bilder, die du löschen möchtest. Sie werden mit blauen Häkchen markiert.
  4. Klicke auf das Mülleimer-Symbol.
  5. Klicke auf Senden, um zu speichern. 

Hier ist das Video des Vorgangs.

Um alle Galerie-Bilder auf einmal auszuwählen, klicke auf das Kontrollkästchen-Symbol.

No-logo-Gallery-block-8.png

Dann kannst du die Demo-Bilder auf einmal löschen, indem du auf das Mülleimer-Symbol klickst. 

Lade deine geschäftsbezogenen Bilder in einem Schwung im selben Fenster hoch, indem du auf die Plus (+)-Schaltfläche klickst. Du kannst wählen, sie von deinem Computerspeicher oder dem integrierten kostenlosen Foto-Stock hochzuladen. 

Größenänderung von Bildern im Galerieblock

Du kannst die Fotos in der Galerie in der Größe ändern, um ihnen einen einzigartigen Look zu verleihen. Die Größenänderung wird durch Klicken aktiviert, und du kannst sie nach oben und unten ziehen, das Layout passt sich automatisch an. Sieh dir das Video des Vorgangs an. 

Hinweis: Du kannst nur die Höhen der Bilder ändern. Die Breitenänderung ist nicht aktiv, um die Reaktionsfähigkeit des Designs zu erhalten.

Verknüpfungen zu den Bildereinstellungen

Mit einem Rechtsklick stehen dir einige Verknüpfungen zu den Funktionen zur Verfügung, die wir in diesem Artikel beschrieben haben. Dazu gehören das Ändern des Alt-Titels, das Festlegen einer Klickaktion sowie das Kopieren/Ausschneiden und Einfügen des Blocks an verschiedenen Stellen.

No-logo-Gallery-block-9.png

Die Verknüpfung öffnet ein Popup-Fenster mit der Zielaktion. 

Weitere Informationen zum Kopieren und Einfügen von Blockelementen findest du in unserem Tutorial zur Blockverwaltung.

War dieser Beitrag hilfreich?
0 von 0 fanden dies hilfreich