Hinweis: Dieser Artikel wird aus Kulanz zur Verfügung gestellt. Er wurde automatisch mit einer Software übersetzt und unter Umständen nicht korrekturgelesen. Die englischsprachige Fassung gilt als offizielle Version und Sie können dort die aktuellsten Informationen finden. Hier können Sie darauf zugreifen.
CMS-Pages-Editor

Bilder zu einem Bildergalerie-Modul hinzufügen

Zuletzt aktualisiert am: Januar 28, 2019

Produkte/Lizenzen

Marketing Hub Professional, Enterprise
Basic
HubSpot CMS

Verwenden Sie ein Bildergalerie-Modul, um Bilder auf Ihrer Website anzuzeigen. Erfahren Sie, wie Sie Folien zu einem Bild-Schieberegler-Modul hinzufügen und Stileigenschaften ändern.

  • Navigieren Sie In Ihrem HubSpot-Konto zu Ihrem Blog, zu Landing-Pages oder Ihren Website-Seiten..
  • Bewegen Sie den Mauszeiger über die Seite oder den Beitrag mit dem Bild-Schieberegler-Modul, das Sie aktualisieren möchten, und klicken Sie auf Bearbeiten.
  • Klicken Sie direkt im Content-Editor auf das Bild-Schieberegler-Modul oder klicken Sie in der linken Seitenleiste auf das Modul-Symbol und wählen Sie das Bildergalerie-Modul aus der Modullliste aus. 
  • Klicken Sie auf + Bild hinzufügen, um eine neue Folie in die Bildergalerie einzufügen.
  • Bewegen Sie den Mauszeiger über die Folie und klicken Sie auf das Bleistiftsymbol Bearbeiten, um ein Folienbild hinzuzufügen und die Bildunterschrift und URL zu bearbeiten:
    • Klicken Sie auf Bild auswählen, um ein Bild auf Ihrem Computer oder im Datei-Manager auszuwählen.
    • Geben Sie den gewünschten Alt-Text ein. 
    • Schalten Sie die Funktion Bildunterschrift anzeigen Ein, um eine Bildunterschrift unter diesem Bild anzuzeigen. Geben Sie die Bildunterschrift anschließend im Richt-Text-Editor ein.
    • Wenn Sie das Bild mit einer Webseite verlinken möchten, fügen Sie eine Link-URL hinzu.
    • Nachdem Sie Ihre Auswahl getroffen haben, klicken Sie auf Zurück zur Bildergalerie.

Folie bearbeiten

  • Um eine Folie aus dem Bildergalerie-Modul zu löschen, bewegen Sie den Mauszeiger über eine vorhandene Folie und klicken Sie auf das Papierkorbsymbol Löschen.
  • Um die Folien in Ihrem Bildergalerie-Modul erneut anzuordnen, klicken Sie auf eine Folie und ziehen Sie sie an die gewünschte Stelle.

Folien%20neu anordnen

Nachdem Sie die Bilder zu Ihrer Bildergalerie hinzugefügt haben, können Sie die Moduloptionen im Editor in der linken Seitenleiste anpassen:
  1. Anzeigemodus: Wählen Sie aus, welche Art von Schieberegler auf der Seite angezeigt werden soll. Sie können einen Standard-Schieberegler auswählen; einen Schieberegler mit Miniaturbildern, in denen Ihre Besucher navigieren können; oder eine Lightbox-Bildergalerie, die es Benutzern ermöglicht, auf ein Miniaturbild zu klicken, um eine Lightbox zu öffnen und in den Folien in Original-Bildgröße zu navigieren. 
  2. Folienschleife: Schalten Sie diese Funktion EIN, um die Folien automatisch zu wiederholen.
  3. Automatischer Forschritt: Schalten Sie diese Funktion EIN, um automatisches Scrollen der Folien auf Ihrer Seite zu aktivieren.
  4. Zeit in Sekunden zwischen dem automatischen Scrollen: Verwenden Sie die Pfeiltasten, um die Anzahl der Sekunden zwischen zwei Folien anzugeben.
  5. Navigationsschaltflächen anzeigen: Schalten Sie diese Funktion EIN, um im unteren Bereich des Schiebereglers die Anzahl der Folien und die Nummer der aktuelle angezeigten Folie anzuzeigen. 
  6. Variable Höhe: Wählen Sie im Dropdown-Menü aus, ob der Schieberegler immer in der Größe der größten Folie angezeigt werden soll oder ob die Größe des Schiebereglers automatisch an jedes Bild angepasst werden soll.
  7. Folienübergänge: Wählen Sie den optischen Effekt ("Folie" oder "Ausblenden") für die Übergänge zwischen den Folien aus.
  8. Beschriftungsposition: Wenn Sie Bildunterschriften auf Ihren Folien anzeigen möchten, geben Sie an, ob sie auf oder neben den Bildern angezeigt werden sollen. 

Bildergalerie

  • Klicken Sie oben im Moduleditor auf die Registerkarte Stile, um auf die Einstellungen für Ihre Bildergalerie-Modul zuzugreifen:
    • Passen Sie die Schriftfamilie, Schriftgröße, Textfarbe, Textausrichtung, Zeilenhöhe und Stile für die Bildunterschriften in der Galerie an.
    • Legen Sie Abstände und Ränder für die Bilder in der Bildergalerie und die Miniaturansichten fest. Aktivieren Sie das Kontrollkästchen Uniform, um für alle Bilder den gleichen Abstand festzulegen.
    • Geben Sie die Hintergrundfarbe und den Stil für das Bildergalerie-Modul an. Klicken Sie auf Anwenden, um Ihre Änderungen der Moduleinstellungen im Editor anzuzeigen.

Bildergalerie-Stile

  • Nachdem Sie Ihre Bilder und die Stileinstellungen hinzugefügt haben, klicken Sie auf Speichern und weiter zur Modul-Liste
  • Klicken Sie auf Veröffentlichen oder Aktualisieren, um Ihre Änderungen zu übernehmen.