Wie kann man Fotos mit den Optionen Einzelbild, Bildergalerie und Bild- und Textabschnitt hinzufügen

Diese Schritte gelten sowohl für den SiteGround Website Builder als auch für SiteGround E-Commerce.

Wenn Sie Fotos zu einer Seite hinzufügen möchten, müssen Sie zunächst Abschnitte auswählen und hinzufügen. Sie können entweder einen Abschnitt mit bestehenden Bildern wählen und diese ersetzen oder eine Bild-Komponente in einen Abschnitt einfügen.

So fügen Sie eine Einzelbild-Komponente hinzu

Um ein einzelnes Bild hinzuzufügen, fügen Sie eine Bild-Komponente in einen neuen oder bestehenden Seiten-Abschnitt ein. Gehen Sie wie folgt vor:

1. Öffnen Sie „Website bearbeiten“ im Site Admin, um auf den Website Builder zuzugreifen.
   

   

2. Wechseln Sie zum Tab „Seiten“ in der linken Menüleiste.
3. Klicken Sie auf eine bereits bestehende Seite oder erstellen Sie eine neue.
   

   

4. Wählen Sie im visuellen Editor auf der rechten Seite einen bestehenden Abschnitt aus oder erstellen Sie einen neuen, in dem Sie das Bild einfügen möchten.
   

   

5. Klicken Sie oben rechts im ausgewählten Abschnitt auf die „Hinzufügen“-Schaltfläche.
   

   

6. Öffnen Sie im Fenster „Komponente hinzufügen“ den Tab „Allgemein“ und wählen Sie „Bild“ aus.
   

   

7. Ziehen Sie das Bild per Drag & Drop in den Rasterbereich, um die optimale Position der Komponente im Abschnitt zu finden.
   

   

So fügen Sie eine Galerie-Komponente oder einen Abschnitt hinzu

Im Website Builder können Sie eine Bildergalerie als Bild-Abschnitt oder Galerie-Komponente hinzufügen.

Galerie-Abschnitt

So fügen Sie einen Galerie-Abschnitt hinzu:

1. Klicken Sie im visuellen Editor der Seite auf „Abschnitt hinzufügen“.
2. Navigieren Sie im Pop-up-Fenster zur Kategorie „Bilder“.
3. Fahren Sie mit der Maus über die gewünschte Galerie-Vorlage und klicken Sie auf „Abschnitt hinzufügen“.

Galerie-Komponente

Alternativ können Sie eine Galerie-Komponente zu einem Abschnitt hinzufügen. Klicken Sie nach dem Drücken der „Hinzufügen“-Schaltfläche für eine neue Komponente auf „Galerie“, um die Galerie in den Abschnitt einzufügen.

Text-und-Bild-Abschnitt

Neben rein bildbasierten Komponenten oder Abschnitten gibt es viele Layouts (z. B. Spalten), die Bilder und Text kombinieren. Nachdem Sie einen solchen Abschnitt hinzugefügt haben, können Sie ihn anpassen, um die Bilder zu ändern.

Je nach gewähltem Layout können Text und Bilder folgendermaßen kombiniert werden:

• Abschnitte, in denen Text und Bild nebeneinander stehen
• Text-und-Bild-Abschnitte, in denen der Text über einem Hintergrundbild liegt

So ändern oder bearbeiten Sie ein Bild

Sobald Sie einen Bild-Abschnitt oder eine Bild-Komponente hinzugefügt haben, können Sie das Platzhalterbild durch Ihr eigenes ersetzen oder bearbeiten.

Einzelbild

So bearbeiten Sie ein Einzelbild:

1. Klicken Sie auf das Bild und wählen Sie das Stift-Symbol (Bearbeiten).
   

   

2. Im Fenster „Bild bearbeiten“ fahren Sie über die Vorschau und klicken auf „Aktualisieren“. Optionen zum Ändern des Bildes:

• Bild hochladen – Bild von Ihrem Gerät auswählen und hochladen
• Meine Dateien öffnen – Bild aus der Galerie Ihrer Website wählen oder ein kostenloses Bild aus der Unsplash-Galerie auswählen
• Bild generieren – KI ein Bild erstellen lassen
• Von Link hinzufügen – Ein externes Bild von einer anderen Website einbetten

Galerie-Abschnitt oder -Komponente

So ändern und bearbeiten Sie einen Galerie-Abschnitt oder eine Galerie-Komponente:

1. Klicken Sie auf die Galerie und wählen Sie das Stift-Symbol (Bearbeiten).
   

   

2. Öffnen Sie im Fenster „Galerie bearbeiten“ den Tab „Inhalt“.
3. Sie können die Reihenfolge ändern, indem Sie die Bilder per Drag & Drop verschieben, bestehende Bilder löschen oder neue Bilder über die „Bilder hinzufügen“-Schaltfläche einfügen.
   

   

4. Neue Bilder können Sie entweder von Ihrem Gerät hochladen, vorhandene Bilder aus Ihrer Galerie auswählen oder kostenlose Bilder aus der Unsplash-Galerie verwenden. Mehrere Bilder können gleichzeitig ausgewählt und hinzugefügt werden. Klicken Sie anschließend auf „Aktualisieren“, um die neuen Bilder anzuzeigen.
   

   

Hintergrundbild

So ändern oder bearbeiten Sie ein Hintergrundbild in einem Abschnitt:

1. Öffnen Sie das Fenster „Abschnitt bearbeiten“ und wechseln Sie zum Tab „Design“.
2. Fahren Sie über die Vorschau des Hintergrundbildes und klicken Sie auf „Aktualisieren“.
   

   

3. Sie können nun ein Foto von Ihrem Gerät hochladen, ein Bild aus der Website-Galerie auswählen, ein kostenloses Bild aus der Unsplash-Galerie nutzen, ein externes Bild per Link einbetten oder ein Bild von der KI generieren lassen.