Da der visuelle Teil Ihrer Website essentiell ist, bietet Sitebuilder viele nützliche Funktionen, die dabei helfen können, die Aufmerksamkeit Ihrer Besucher schneller zu erregen. Dieser Leitfaden zeigt dir, wie du deine Bilder anpassen kannst, um deine Website optisch ansprechender zu gestalten.
Demo-Inhalte vs. eigene Bilder
Alle Sitebuilder-Vorlagen sind mit Demo-Bildern gefüllt, die ihrem Thema und ihrer Nische entsprechen. Du kannst die Demo-Bilder behalten oder sie ersetzen. Wenn du dich dafür entscheidest, die Bilder zu ersetzen, hast du zwei Möglichkeiten:
- Füge deine eigenen Bilder hinzu
- Füge kostenlose Stockfotos aus der integrierten umfangreichen Fotobibliothek hinzu
Lies unseren dedizierten Leitfaden zur Hinzufügung von Bildern, um mehr zu erfahren.
Nachdem du ein neues Bild zu deiner Website hinzugefügt hast, kannst du eine Reihe von Aktionen durchführen, um es ansprechender zu gestalten: zuschneiden, skalieren und die Position ändern.
Zuschneiden des Bildes
Wenn das Bild nicht ideal in den Rahmen passt, kannst du es direkt in Sitebuilder zuschneiden. Folge diesen Schritten, um dein Bild zuzuschneiden:
- Klicke auf das Bild, um das Anpassungsmenü aufzurufen.
- Klicke auf das Symbol "Zuschneiden", um das Steuerungsfeld zu öffnen, in dem du in das Bild hinein- und herauszoomen kannst.
- Halte den Schieberegler gedrückt und ziehe ihn an die gewünschte Position entlang der Leiste. Lasse ihn los, wenn dir die Bildgröße gefällt. Alternativ kannst du auf die Vergrößerungsglas-Symbole an den Seiten der Schiebeleiste klicken, um das Bild um jeweils 10 % vergrößert oder verkleinert anzuzeigen.
- Wenn du zur ursprünglichen Ansicht des Bildes zurückkehren möchtest, klicke auf das Symbol "Anpassen".
- Klicke auf das Häkchen-Symbol, um es zu übernehmen.
Hier ist das Video des Vorgangs.
Hinweis: Du kannst die Schaltfläche "Rückgängig" verwenden, um die Aktionen rückgängig zu machen.
Skalieren des Bilderrahmens
Mit Sitebuilder kannst du deine Bilderrahmen individuell oder gruppenweise skalieren.
So skalierst du deinen Bilderrahmen:
- Klicke auf das Bild, das du skalieren möchtest, um die Bild-Skalierungssteuerung unten zu aktivieren.
- Klicke auf die Skalierungssteuerung und ziehe sie in die gewünschte Position, wie im folgenden Video gezeigt. Dein Block passt sich automatisch an die Größe des Bildes an.
Um eine Gruppe von Bildern gleichzeitig zu skalieren, befolge diese Schritte:
- Klicke auf ein Bild aus der Gruppe, um die Skalierungssteuerung aufzurufen.
- Halte die Shift-Taste auf deiner Tastatur gedrückt und ziehe die Skalierungssteuerung des ausgewählten Bildes an eine neue Position, wie im Video gezeigt.
Tipp: Beim Ziehen der Skalierungssteuerung eines Bildes siehst du in der Nähe der Geschwisterbilder mit gleicher Höhe einen vertikalen Anker. Dies hilft dir, die Fotos genauer auszurichten.
Die Skalierungsfunktion funktioniert für jeden Block deiner Website, der Bilder enthält. Wenn das Klicken auf das Bild die Skalierungssteuerung nicht aktiviert, gehe zu den Blockeinstellungen > Registerkarte "Aussehen" > deaktiviere die Option "Vollbild".
Bildpositionierung und Fokuspunkt
Bei der Anpassung deiner Website möchtest du möglicherweise die Position und den Fokuspunkt deines Bildes im Verhältnis zum Text ändern.
So änderst du die Position und den Fokuspunkt deines Bildes:
- Klicke auf das Bild, um das Anpassungsmenü aufzurufen.
- Klicke auf das Symbol "Zuschneiden", um das Steuerungsfeld zu öffnen.
- Wenn der Modus zur Bildskalierung aktiv ist, ziehe dein Bild innerhalb des Rahmens an die gewünschte Stelle.
Diese Funktion funktioniert auch für dein Hintergrundbild.
So änderst du die Position und den Fokuspunkt deines Hintergrundbildes:
- Klicke auf den Block, den du anpassen möchtest, um das Steuerungsfeld aufzurufen.
- Klicke auf das Symbol "Bild bearbeiten", um die Blockeinstellungen zu öffnen.
- Wechsle zur Registerkarte "Aussehen" und klicke auf "Zuschneiden".
- Wenn der Bildskalierungsmodus aktiv ist, ziehe dein Hintergrundbild innerhalb des Rahmens, um den gewünschten Fokuspunkt hervorzuheben.
- Klicke auf das Häkchen-Symbol, um es zu übernehmen, und klicke dann auf "Speichern".
Hier ist das Video des Vorgangs.