Layout-Vorlagen
6 verschiedene Artikel-Layouts.
Design anpassen
Im zweiten Schritt des Blog-Setups konfigurierst du das Aussehen deines Blogs. Du kannst Layout-Vorlagen wählen, Farben anpassen und Kommentar-Einstellungen festlegen.
Übersicht
Section titled “Übersicht”Das Blog-Design besteht aus mehreren Bereichen:
Farben
Hintergrund, Text und Akzente.
Kommentar-Bereich
Darstellung der Kommentare.
Kategorie-Anzeige
Wie Kategorien dargestellt werden.
Layout-Vorlagen
Section titled “Layout-Vorlagen”Das Blog-Modul bietet 6 Layout-Vorlagen für Artikel:
1. Klassisch
Section titled “1. Klassisch”| Eigenschaft | Wert |
|---|---|
| Stil | Traditionelles Blog-Layout |
| Bild | Großes Bild oben |
| Text | Unter dem Bild |
Großes Bild oben, Text darunter.
Design-Merkmale:
- Titelbild nimmt volle Breite ein
- Titel und Metadaten unter dem Bild
- Klassische Blog-Struktur
- Gute Lesbarkeit
Empfohlen für:
- Traditionelle Blogs
- Text-fokussierte Inhalte
- Artikel mit großen Bildern
- Mobile-optimierte Ansichten
2. Hero
Section titled “2. Hero”| Eigenschaft | Wert |
|---|---|
| Stil | Vollbild-Header |
| Bild | Als Hintergrund |
| Text | Overlay auf dem Bild |
Vollbild mit Overlay-Text.
Design-Merkmale:
- Bild füllt gesamten Header-Bereich
- Titel als Overlay auf dem Bild
- Gradient für bessere Lesbarkeit
- Premium-Feeling
Empfohlen für:
- Lifestyle-Blogs
- Fotografie-Content
- Feature-Artikel
- Visuell ansprechende Präsentation
3. Magazin
Section titled “3. Magazin”| Eigenschaft | Wert |
|---|---|
| Stil | Editorial-Layout |
| Bild | Rechts positioniert |
| Text | Links neben dem Bild |
Magazin-Stil mit Bild rechts.
Design-Merkmale:
- Zwei-Spalten-Layout
- Bild auf der rechten Seite
- Titel und Teaser links
- Professioneller Look
Empfohlen für:
- Nachrichtenportale
- Unternehmensblogs
- Professionelle Publikationen
- Desktop-optimierte Ansichten
4. Minimal
Section titled “4. Minimal”| Eigenschaft | Wert |
|---|---|
| Stil | Reduziertes Design |
| Bild | Klein, integriert |
| Text | Fokus auf Inhalt |
Kleines Bild, Fokus auf Text.
Design-Merkmale:
- Kleines Vorschaubild
- Titel prominent
- Viel Weißraum
- Schnelles Laden
Empfohlen für:
- Text-lastige Artikel
- Schnelle Übersichten
- Minimalistische Apps
- Performance-optimierte Blogs
5. Nebeneinander
Section titled “5. Nebeneinander”| Eigenschaft | Wert |
|---|---|
| Stil | Side-by-Side |
| Bild | Links positioniert |
| Text | Rechts neben dem Bild |
Bild links, Text rechts.
Design-Merkmale:
- Horizontales Layout
- Bild und Text gleichwertig
- Kompakte Darstellung
- Gute Balance
Empfohlen für:
- Artikel-Listen
- Vergleichende Inhalte
- Tablet-optimierte Ansichten
- Katalog-artige Darstellung
6. Nur Text
Section titled “6. Nur Text”| Eigenschaft | Wert |
|---|---|
| Stil | Textbasiert |
| Bild | Kein Bild |
| Text | Nur Inhalt |
Kein Bild, nur Inhalt.
Design-Merkmale:
- Kein Titelbild
- Fokus auf Textinhalt
- Maximale Lesbarkeit
- Schnellste Ladezeit
Empfohlen für:
- Textbeiträge ohne Bilder
- Ankündigungen
- Technische Dokumentation
- Schnelle Updates
Vorlage pro Artikel wählen
Section titled “Vorlage pro Artikel wählen”Jeder Artikel kann eine eigene Layout-Vorlage haben:
-
Artikel erstellen oder bearbeiten
Öffne einen Artikel im Blog-Editor.
-
Einstellungen öffnen
Tippe auf „Einstellungen” oder das Zahnrad-Symbol.
-
Layout-Vorlage wählen
Unter „Layout-Vorlage” siehst du alle 6 Optionen. Tippe auf die gewünschte Vorlage.
-
Vorschau prüfen
Nutze die Vorschau-Funktion, um das Ergebnis zu sehen.
Vergleich der Vorlagen
Section titled “Vergleich der Vorlagen”| Vorlage | Bild-Größe | Text-Fokus | Mobile | Performance |
|---|---|---|---|---|
| Klassisch | Groß | Mittel | Sehr gut | Gut |
| Hero | Vollbild | Niedrig | Gut | Mittel |
| Magazin | Mittel | Hoch | Mittel | Gut |
| Minimal | Klein | Sehr hoch | Sehr gut | Sehr gut |
| Nebeneinander | Mittel | Mittel | Mittel | Gut |
| Nur Text | Kein | Maximal | Sehr gut | Beste |
Empfehlungen nach Blog-Typ
Section titled “Empfehlungen nach Blog-Typ”Empfohlene Vorlagen:
| Vorlage | Verwendung |
|---|---|
| Klassisch | Standard für die meisten Beiträge |
| Hero | Für besondere Artikel |
| Minimal | Für kurze Updates |
Persönliche Blogs profitieren von einer Mischung aus Klassisch und Hero für Abwechslung.
Empfohlene Vorlagen:
| Vorlage | Verwendung |
|---|---|
| Magazin | Professionelle Artikel |
| Klassisch | Standard-News |
| Nur Text | Ankündigungen |
Unternehmensblogs wirken mit Magazin-Layout professioneller.
Empfohlene Vorlagen:
| Vorlage | Verwendung |
|---|---|
| Nebeneinander | Artikel-Listen |
| Klassisch | Detail-Ansicht |
| Hero | Breaking News |
Nachrichtenportale brauchen schnelle Übersichten mit Nebeneinander.
Empfohlene Vorlagen:
| Vorlage | Verwendung |
|---|---|
| Hero | Alle Beiträge |
| Klassisch | Alternative |
| Minimal | Kein Bild verfügbar |
Fotografie-Blogs leben von großen Bildern - Hero ist ideal.
Design im Theme-Editor
Section titled “Design im Theme-Editor”Nach der Einrichtung kannst du das Design im Theme-Editor weiter anpassen:
Farben
Hintergrund, Text, Akzente, Links
Typografie
Schriftarten, Größen, Zeilenabstände
Abstände
Padding, Margins, Zeilenabstand
Karten-Design
Schatten, Ecken, Rahmen
Kommentar-Einstellungen
Section titled “Kommentar-Einstellungen”Das Kommentar-Design kann ebenfalls angepasst werden:
Kommentar-Optionen pro Artikel
Section titled “Kommentar-Optionen pro Artikel”| Option | Beschreibung |
|---|---|
| Kommentare erlauben | An/Aus pro Artikel |
| Kommentare moderieren | Freischaltung vor Veröffentlichung |
Kommentar-Darstellung
Section titled “Kommentar-Darstellung”| Element | Anpassbar |
|---|---|
| Avatar | Größe, Form (rund/eckig) |
| Autor-Name | Farbe, Schriftgröße |
| Datum | Format, Position |
| Kommentar-Text | Schrift, Zeilenabstand |
| Antwort-Einzug | Tiefe, Stil |
Kategorie-Anzeige
Section titled “Kategorie-Anzeige”Kategorien können unterschiedlich dargestellt werden:
| Option | Beschreibung |
|---|---|
| Badge | Farbiger Badge mit Kategorie-Name |
| Text | Einfacher Text-Link |
| Versteckt | Kategorie nicht anzeigen |
Badge-Farben: Jede Kategorie kann eine eigene Farbe haben. Die Farbe wird beim Erstellen der Kategorie festgelegt.
Artikel-Einstellungen
Section titled “Artikel-Einstellungen”Beim Erstellen eines Artikels hast du folgende Design-relevante Optionen:
| Einstellung | Beschreibung |
|---|---|
| Titelbild | Bild für Header und Vorschau |
| Vorschau-Text | Kurze Zusammenfassung |
| Layout-Vorlage | Eine der 6 Vorlagen |
| Öffentlich | Ohne Login lesbar |
| Kommentare | An/Aus |
| Moderation | Kommentare erst freischalten |
| Teilen | Teilen-Button anzeigen |
| Empfohlen | Als Featured markieren |
Setup abschließen
Section titled “Setup abschließen”Nach der Design-Konfiguration:
- Tippe auf „Einrichtung abschließen”
- Das Blog-Modul ist jetzt vollständig eingerichtet
- Du kannst jetzt Artikel erstellen
Nächste Schritte
Section titled “Nächste Schritte” Blog-Verwaltung Erstelle deinen ersten Artikel
Kategorien erstellen Organisiere deine Artikel
Zurück zur Übersicht Blog-Modul Setup Übersicht