Header mit Beschreibung und Bild bearbeiten

Dieser Block kombiniert eine aussagekräftige Überschrift mit einem beschreibenden Text und einem passenden Bild. Er eignet sich perfekt als Seiteneinstieg oder zur Präsentation wichtiger Inhalte. Du kannst die Anordnung von Text und Bild flexibel anpassen und so verschiedene visuelle Layouts erstellen.

Voraussetzungen

• Du befindest dich im Website-Editor
• Ein Header-Beschreibung-Bild-Block ist auf deiner Seite eingefügt
• Du hast die Berechtigung, Website-Inhalte zu bearbeiten

Aufbau der Bearbeitungsseite

Die Bearbeitungsseite gliedert sich in zwei Hauptbereiche:

Allgemein

Hier findest du die Layout-Einstellungen:

• Volle Breite verwenden: Schalter für die Nutzung der gesamten Bildschirmbreite
• Seiten wechseln: Schalter zum Vertauschen der Position von Text und Bild

Features

Hier bearbeitest du den Inhalt des Blocks:

• Bild-Editor: Zum Hochladen und Bearbeiten des Bilds
• Überschrift: Haupttitel des Blocks
• Kleiner Text: Beschreibungstext mit Markdown-Formatierung

So arbeitest du mit dieser Seite

Layout konfigurieren

1. Aktiviere Volle Breite verwenden, wenn der Block die gesamte Bildschirmbreite nutzen soll
2. Nutze Seiten wechseln, um die Anordnung zu ändern:
   • Deaktiviert: Bild links, Text rechts
   • Aktiviert: Text links, Bild rechts

Bild hinzufügen und bearbeiten

1. Klicke auf den Bild-Editor im linken Bereich
2. Lade ein passendes Bild hoch oder wähle ein vorhandenes aus
3. Das Bild sollte hochwertig und thematisch passend sein
4. Empfohlene Bildgrößen: mindestens 800x600 Pixel für gute Qualität

Textinhalte bearbeiten

1. Gib eine aussagekräftige Überschrift ein:
   • Sollte den Hauptinhalt der Seite oder des Abschnitts beschreiben
   • Beispiele: "Über unser Unternehmen", "Unsere Dienstleistungen", "Willkommen bei..."
2. Verfasse den Kleinen Text mit detaillierten Informationen:
   • Nutze Markdown-Formatierung für bessere Lesbarkeit
   • Beispiele für Markdown:
     • **Fettgedruckter Text** für Fettgedruckter Text
     • *Kursiver Text* für Kursiver Text
     • [Linktext](https://example.com) für Links
     • - Listenpunkt für Aufzählungen

Markdown-Formatierung nutzen

Der Beschreibungstext unterstützt Markdown-Formatierung:

Textformatierung:

• **Fett** wird zu Fett
• *Kursiv* wird zu Kursiv
• ~~Durchgestrichen~~ wird zu Durchgestrichen

Listen:

- Erster Punkt
- Zweiter Punkt
- Dritter Punkt

Links:

[Linktext](https://example.com)

Überschriften:

## Unterüberschrift
### Kleine Überschrift

Tipps und Hinweise

• Ausgewogenes Verhältnis: Achte auf ein ausgewogenes Verhältnis zwischen Text und Bild
• Hochwertige Bilder: Verwende professionelle, scharfe Bilder mit guter Auflösung
• Lesbare Texte: Halte den Beschreibungstext prägnant und gut strukturiert
• Konsistente Formatierung: Nutze Markdown-Formatierung sparsam und konsistent
• Mobile Optimierung: Der Block passt sich automatisch an verschiedene Bildschirmgrößen an
• Thematischer Bezug: Stelle sicher, dass Bild und Text thematisch zusammenpassen
• Call-to-Action: Nutze Links im Text, um zu weiteren Aktionen zu führen

Layout-Variationen

Standard-Layout (Seiten wechseln deaktiviert):

• Bild auf der linken Seite
• Text auf der rechten Seite
• Gut für Produktpräsentationen

Alternatives Layout (Seiten wechseln aktiviert):

• Text auf der linken Seite
• Bild auf der rechten Seite
• Gut für Unternehmenspräsentationen

Verwandte Seiten

• Features-Block bearbeiten
• Hero-Bild bearbeiten
• Zentrierter Hero bearbeiten