Hinweis: Während unsere beliebtesten Anleitungen ins Deutsche übersetzt wurden, sind einige Anleitungen nur auf Englisch verfügbar.

Blog-Seiten: Standard-Raster/-Listen

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 Vorschaubildern, die auf Blogeinträge verlinkt sind
  • 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.

Diese Anleitung gilt für Templates von Version 7.0. Um mehr über Blog-Seiten in Version 7.1 zu erfahren, besuche die Sammlungs-Seiten-Abschnitte in Version 7.1. 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. Klicken Sie im Hauptmenü auf Design und anschließend auf Website-Stil.
  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 Beitrags-Vorschaubilder Bildtitel. Beitragstitel und Metadaten werden darunter angezeigt.

Im Abschnitt Blog: Liste von Website-Stile:

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

So entfernst du den gesamten Text von der Seite und zeigst nur Vorschaubilder 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 Vorschaubild werden als Leerraum angezeigt. Zwischen jeder Zeile von Vorschaubildern gibt es etwas Leerraum, selbst wenn der Abstand auf 0px eingestellt ist.

brine-blog2.png

Landing-Pages gestalten

Im Listen-Layout wird das Beitrags-Vorschaubild über dem Beitragstitel angezeigt. Der Beitragstitel und die Metadaten werden darunter angezeigt.

Im Abschnitt Blog: Liste von Website-Stile:

  • Lege die Größe der Vorschaubilder mit der Anpassung Max. Bildbreite fest.
  • Lege die Form der Vorschaubilder mit dem Seitenverhältnis fest.
  • Blende die Vorschaubilder aus, indem du die Option 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 Vorschaubilder 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. Klicke im Seiten-Menüauf das Zahnrad-Symbol für die Blog-Seite.
  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 versteckt 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. Klicken Sie im Hauptmenü auf Einstellungen und dann auf Blogging.
  2. Klicken Sie auf Kommentar-Einstellungen.
  3. Klicken Sie auf Kommentare überall aktivieren. Weitere Kommentar-Einstellungen werden angezeigt.

Mehr dazu erfahren Sie 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 Vorschaubilder zu legen. Dies kann nützlich sein, wenn du einen Fotoblog hast.
  • Setze auf Videos – Zeig 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 Schliff 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 mehr Stil-Einstellungen, die sich auf das Aussehen der Blog-Seite auswirken. Brine hat zum Beispiel Seiten-Header und Banner. Weitere Informationen findest du in der Template-Anleitung.
  • Wenn du allgemeine Hilfe beim Hinzufügen von Blog-Seiten und Beiträgen benötigst, besuche Bloggen mit Squarespace.
War dieser Beitrag hilfreich?
41 von 144 fanden dies hilfreich
Blog-Seiten: Standard-Raster/-Listen