Werbebild-Block bearbeiten
Der Werbebild-Block ermöglicht es dir, auffällige Bilder mit optionalen Links auf deiner Website zu platzieren. Du kannst separate Bilder für Desktop- und Mobilgeräte hochladen, um eine optimale Darstellung auf allen Geräten zu gewährleisten.
Voraussetzungen
- Du hast Zugriff auf den Website-Editor
- Du hast bereits einen Werbebild-Block zu deiner Seite hinzugefügt
- Du hast die gewünschten Bilder in geeigneten Formaten (JPG, PNG, WebP) vorbereitet
Aufbau der Bearbeitungsseite
Die Bearbeitungsseite ist in einen Hauptbereich unterteilt:
ImageBlock
Dieser Bereich enthält alle Einstellungen für deinen Werbebild-Block:
Desktop
- Bild-Upload-Bereich: Hier lädst du das Bild hoch, das auf Desktop-Computern und Tablets angezeigt wird
- Bild-Vorschau: Nach dem Upload siehst du eine Vorschau des hochgeladenen Bildes
- Bild-Verwaltung: Optionen zum Ersetzen oder Entfernen des Bildes
Mobile
- Mobiles Bild-Upload-Bereich: Hier lädst du ein spezielles Bild für Mobilgeräte hoch
- Mobile Bild-Vorschau: Vorschau des mobilen Bildes
- Mobile Bild-Verwaltung: Optionen für das mobile Bild
Link-Einstellungen
- Link-Eingabefeld: Hier trägst du optional eine URL ein, zu der das Bild verlinken soll
So arbeitest du mit dieser Seite
Desktop-Bild hochladen
- Gehe zum Bereich "Desktop"
- Klicke auf den Bild-Upload-Bereich
- Wähle ein Bild von deinem Computer aus oder ziehe es in den Bereich
- Warte, bis das Bild hochgeladen und verarbeitet wurde
- Du siehst eine Vorschau des hochgeladenen Bildes
Mobiles Bild hochladen
- Gehe zum Bereich "Mobile"
- Klicke auf den Bild-Upload-Bereich für mobile Geräte
- Wähle ein für Mobilgeräte optimiertes Bild aus
- Das mobile Bild wird separat hochgeladen und angezeigt
Link hinzufügen
- Scrolle zum Link-Eingabefeld
- Trage die gewünschte URL ein (z.B. "https://beispiel.de" oder "/unterseite")
- Das Bild wird automatisch zu einem anklickbaren Link
- Lasse das Feld leer, wenn das Bild nicht verlinkt werden soll
Bilder ersetzen oder entfernen
- Klicke auf ein bereits hochgeladenes Bild
- Du erhältst Optionen zum:
- Ersetzen des Bildes durch ein neues
- Entfernen des aktuellen Bildes
- Bearbeiten der Bild-Einstellungen
Tipps und Hinweise
- Separate Bilder für Desktop und Mobile: Nutze unterschiedliche Bilder für Desktop und Mobile, um die beste Darstellung zu erzielen
- Bildformat: Verwende Querformat-Bilder für Desktop und eventuell Hochformat für Mobile
- Dateigröße: Achte auf angemessene Dateigrößen, um schnelle Ladezeiten zu gewährleisten
- Bildqualität: Verwende hochauflösende Bilder, die auch auf großen Bildschirmen scharf aussehen
- Alt-Text: Stelle sicher, dass deine Bilder aussagekräftige Dateinamen haben
- Link-Ziele: Verwende vollständige URLs (mit https://) für externe Links
- Interne Links: Für Seiten deiner eigenen Website kannst du relative Pfade verwenden (z.B. "/kontakt")
- Responsive Design: Das mobile Bild wird automatisch auf kleinen Bildschirmen angezeigt
- Bildrechte: Verwende nur Bilder, für die du die Nutzungsrechte besitzt