Blog-Seiten mit Standard-Raster/-Liste in Version 7.0

Wähle ein Layout für deine Blog-Landing-Page und Beiträge aus.

Zuletzt aktualisiert: 22. August 2024

In Version 7.0 teilen sich die Template-Gruppen Brine, Tremont und York dieselbe Blog-Seite. Dieses Design bietet dir zwei Optionen zum Anzeigen deiner Blogeinträge:

  • Raster – Ein modern aussehendes Raster von ausgewählten Bildern, die auf Blogeinträge verlinken
  • Liste – Eine klassische gestapelte Liste von Beiträgen, beginnend mit dem aktuellsten Beitrag

Verwende diese Anleitung, um die einzigartigen Funktionen der Standard-Raster/-Listen-Blog-Seite zu erkunden.

So erlangst du Zugriff auf diese Funktion

Diese Anleitung gilt für Templates der Version 7.0. Um mehr über Blog-Seiten in Version 7.1 zu erfahren, besuche Sammlungs-Seiten-Abschnitte. Für jedes andere Template in Version 7.0 besuche deine Template-Anleitung.

Ein Layout wählen

So legst du alle Blog-Seiten auf deiner Website auf das Raster- oder Listen-Layout fest:

  1. Gehe auf deine Blog-Seite.
  2. Öffne das Menü „Website-Stile“.
  3. Scrolle nach unten zum Abschnitt Blog: Liste.
  4. Wähle Stil: Raster für das Raster-Layout oder Stil: Gestapelt für das Listen-Layout.

Raster-Landing-Pages gestalten

Im Raster-Layout erstellen ausgewählte Bilder von Beiträgen Bildkacheln. Beitragstitel und Metadaten werden unten angezeigt.

Im Abschnitt Blog: Liste der Website-Stile:

  • Lege die Anzahl der Beiträge mit Beiträge pro Zeile (Max.)fest.
  • Ändere den Abstand zwischen ausgewählten Bildern mit Abstand. Lege ihn auf 0 px fest, damit sich die ausgewählten Bilder horizontal berühren.
  • Lege die Form der Kacheln der ausgewählten Bilder mit dem Seitenverhältnis fest.
  • Blende ausgewählte Bilder aus, indem du Bild anzeigen deaktivierst.
  • Wähle mit Ausrichtung aus, wie Text und ausgewählte Bilder ausgerichtet werden.

So entfernst du den gesamten Text von der Seite und zeigst nur ausgewählte Bilder an:

  1. Wähle Primär: Keine und Sekundär: Keine im Abschnitt Blog: Metadaten aus.
  2. Deaktiviere Titel anzeigen im Abschnitt Blog: Liste.
  3. Wenn du Auszüge oder vollständige Beiträge aktiviert hast, deaktiviere Auszug anzeigen oder Textkörper des Beitrags anzeigen.

Kacheln ohne ausgewähltes Bild werden als Leerraum angezeigt. Zwischen jeder Reihe von ausgewählten Bildern gibt es etwas Leerraum, auch wenn dein Abstand auf 0 px eingestellt ist.

brine-blog2.png

Landing-Pages gestalten

Im Listen-Layout wird das ausgewählte Bild eines Beitrags über dem Beitragstitel angezeigt. Der Beitragstitel und die Metadaten werden darunter angezeigt.

Im Abschnitt Blog: Liste der Website-Stile:

  • Lege die Größe der ausgewählten Bilder mit der Anpassung Max. Bildbreite fest.
  • Lege die Form der Kacheln der ausgewählten Bilder mit dem Seitenverhältnis fest.
  • Blende ausgewählte Bilder aus, indem du Bild anzeigen deaktivierst.
  • Gestalte oder verbirg die Zeile zwischen Beiträgen mit den Trennzeichen-Anpassungen.
  • Blende Beitragstitel aus, indem du Titel anzeigendeaktivierst.
  • Wähle mit Metadaten aus, wo Metadaten angezeigt werden.
  • Wähle mit Ausrichtung aus, wie Text und ausgewählte Bilder ausgerichtet werden.

Füge Auszüge oder vollständige Beiträge zu Landing-Pages hinzu

Je nachdem, wie viele Inhalte du auf der Blog-Landing-Page haben möchtest, kannst du auch Auszüge oder die vollständigen Beiträge hinzufügen.

Aktiviere eine der Optionen in den Blog-Einstellungen:

  1. Bewege im Seiten-Menü den Mauszeiger über die Blog-Seite und klicke auf das Zahnrad-Symbol.
  2. Wähle im Erweitert-Tab entweder Auszug oder Vollständig aus.
  3. Klicke auf Speichern.
  4. Neue Anpassungen werden im Abschnitt Blog: Liste der Website-Stile angezeigt. Mit diesen Anpassungen kannst du den vollständigen Beitrag oder den Auszug ein- oder ausblenden oder einen Mehr lesen-Link zu Auszügen hinzufügen.
  5. Füge Beitragsinhalte oder Auszugstext zu Blogeinträgen hinzu.

Hinweis

Selbst wenn sie hier verborgen sind, können Auszüge immer noch in Übersichts-Blöcken, Suchmaschinenergebnissen und Social-Media-Beiträgen angezeigt werden.

Blogeinträge gestalten

Verwende die Anpassungen im Abschnitt Blog: Artikel von Website-Stile, um deine Blogeinträge zu gestalten.

So gestaltest du das Layout:

  • Lege die Ausrichtung von Metadaten, Beitragstiteln, Sharing-Buttons und Kommentarfeldern mit Ausrichtungfest.
  • Wähle mit den Teilen-Symbolen aus, ob die Sharing- und Kommentar-Buttons oberhalb oder unterhalb des Beitragsinhaltes angezeigt werden.
  • Wähle mit Metadaten aus, wo Metadaten angezeigt werden. Blogeinträge zeigen die gleichen zwei Arten von Metadaten wie die Landing-Page an.

So gestaltest du die Navigationselemente:

  • Zeige Pfeile, Zurück- und Weiter-Labels und Blogeintrags-Titel mit den Anpassungen Seitennummerierung anzeigen an.
  • Füge eine Art von Metadaten mit Metadaten Seitennummerierunghinzu.
  • Um die Navigationselemente auszublenden, deaktiviere die Option Seitennummerierung anzeigen und wähle Metadaten Seitennummerierung: Verbergen aus.

Kommentare ermöglichen

Kommentare sind in diesen Templates standardmäßig deaktiviert. So kannst du sie aktivieren:

  1. Öffne das Menü „Blog-Präferenzen“.
  2. Klicken Sie auf Kommentar-Einstellungen.
  3. Klicken Sie auf Kommentare überall aktivieren. Weitere Kommentar-Einstellungen werden angezeigt.

Mehr dazu erfährst du unter Kommentare und einfache Likes verwalten.

Hinweis

Du musst Kommentare allgemein aktivieren, bevor du Kommentare zu einzelnen Beiträgen aktivierst.

Metadaten

Wähle mithilfe der Primär- und Sekundär-Anpassungen für die Blog-Seite und einzelne Blogeinträge aus, welche Metadaten im Abschnitt Blog: Metadaten von Website-Stile angezeigt werden. Du kannst zwei der folgenden Optionen wählen:

  • Kategorie
  • Autor
  • Veröffentlichungsdatum
  • Standort
  • Tags
  • Kommentare

Wähle mit den Metadaten-Anpassungen in den Abschnitten Blog: Liste und Blog: Element aus, wo sie angezeigt werden.

Um sicherzustellen, dass alle Metadaten in einer Zeile angezeigt werden, ändere die Größe der Meta-Schriftart oder die Länge der Elemente (reduziere z. B. die Anzahl der Tags pro Beitrag).

Seitennummerierung Landing-Page

Gestalte die Navigationspfeile oder den Text unten auf den Blog-Landing-Pages mit den Anpassungen Seitennummerierung anzeigen und Seitenpfeile anzeigen im Abschnitt Blog: Liste.

Lege in den Blog-Einstellungen fest, wie viele Beiträge pro Seite angezeigt werden.

Tipps und Beispiele

Um herauszufinden, was für dich funktioniert, experimentierst du am besten mit den oben genannten Optionen. Hier sind ein paar Vorschläge für den Einstieg:

  • Setze auf Bilder – Entferne einen Teil oder den gesamten Text aus dem Raster-Layout, um den Schwerpunkt auf die ausgewählten Bilder zu legen. Dies kann nützlich sein, wenn du einen Fotoblog hast.
  • Setze auf Videos – Zeige vollständige Beiträge im Listenformat an, um eine Blog-Liste von Video-Blöcken zu erstellen.
  • Gestalte mehrere Blogs – Aktiviere Auszüge oder vollständige Beiträge auf verschiedenen Blog-Seiten, um jedem Blog einen eigenen Charakter zu geben.

Besuche diese Demo-Websites, um die verschiedenen Gestaltungsmöglichkeiten für die Seite zu sehen: Aria, Basil, Brine, Pedro.

Weitere Hilfe

  • Du kannst die Schriftart und die Farben des Textes im Abschnitt Blog: Typografie & Farben von Website-Stile ändern.
  • Blogeinträge verfügen über anpassbare Sharing-Buttons.
  • In beiden Layouts werden Blog-Seiten und Blogeinträge auf Smartphones in gestapelter Ansicht angezeigt.
  • Jedes Template verfügt über weitere Stil-Einstellungen, die sich auf das Aussehen der Blog-Seite auswirken. Brine hat zum Beispiel Seiten-Header und Banner. Nähere Informationen erhältst du im Leitfaden zu deinem Template.
  • Wenn du allgemeine Hilfe beim Hinzufügen von Blog-Seiten und Beiträgen benötigst, besuche Bloggen mit Squarespace.
Footer Image
  • Hol dir Hilfe von der Community

  • Hol dir Hilfe von unserer Community zu erweiterten individuellen Anpassungen.

  • Beauftrage einen Squarespace-Experten

  • Hebe dich online von der Masse ab, indem du dir von einem erfahrenen Webdesigner oder Entwickler helfen lässt.

Blog-Seiten mit Standard-Raster/-Liste in Version 7.0