Mit Übersichts-Blöcken präsentieren Sie Ihre Inhalte (Blogeinträge, Produkte, Galerie- und Projekt-Bilder oder Veranstaltungen) in einer Vielzahl von Layouts.
Übersichts-Blöcke eignen sich hervorragend für:
- Hervorheben von Blogeinträgen, Galerie-Bildern, Veranstaltungen oder Produkten auf Ihrer Homepage.
- Die Anzeige von Produkten oder Blogeinträgen in einem Layout, das in Ihrem Template nicht verfügbar ist.
- Das Ändern des Layouts Ihrer Inhalte, ohne drastische Style-Änderungen vorzunehmen.
- Fügen Sie Links zu ähnlichen Inhalten am Ende eines Blogeintrags oder einer Produktdetailseite hinzu.
- Erstellen von Indizes von Rezepten oder Inhalten.
In Version 7.1 unterstützen Übersichts-Blöcke keine Inhalte aus Galerie-Abschnitten oder Portfolio-Seiten.
Ein Video anschauen
Einen Übersichts-Block hinzufügen
Tipp: Übersichts-Blöcke rufen Inhalte von anderen Seiten ab. Bevor Sie den Block hinzufügen, fügen Sie Inhalte zu einer Blog-Seite, Veranstaltungsseite, Galerie-Seite, Produkt-Seite oder Projekt-Seite hinzu. Es ist nicht möglich, Inhalte direkt zu einem Übersichts-Block hinzuzufügen. Für eine optimale Anzeige fügen Sie Vorschaubilder zu jedem Element hinzu, das im Block angezeigt wird.
So fügen Sie einen Übersichts-Block hinzu:
- Klicken Sie auf einer Seite oder in einem Eintrag auf Bearbeiten.
- Klicken Sie auf eine Einfügemarke oder das Pluszeichen. Weitere Details zu diesen ersten Schritten finden Sie unter Blöcke hinzufügen.
- Wählen Sie unter Übersicht entweder Wall (Mauer), Karussell, Liste oder Raster aus.
- Verwenden Sie den Tab Inhalt, um Ihre Inhalte auszuwählen.
- Verwenden Sie den Tab Layout, um das Layout zu ändern und Layout-Einstellungen zu bearbeiten.
- Verwenden Sie den Tab Anzeige, um festzulegen, wie Inhalte im Block angezeigt werden.
- Klicken Sie auf Anwenden, um Ihre Änderungen zu speichern.
- Tippen Sie auf das Seiten-Symbol.
- Tippen Sie auf den Titel der Seite, die Sie bearbeiten möchten.
- Tippen Sie auf Bearbeiten oder das Bleistiftsymbol rechts oben.
- Tippen Sie auf das Symbol + rechts oben, um das Block-Menü zu öffnen.
- Tippen Sie unter Übersicht auf Wall (Mauer), Karussell, Liste oder Raster.
- Tippen Sie auf Inhalt, um Ihre Inhalte auszuwählen.
- Tippen Sie auf Layout, um das Layout zu ändern und Layout-Einstellungen zu bearbeiten.
- Tippen Sie auf Anzeige, um festzulegen, wie Inhalte im Block angezeigt werden.
- Tippen Sie auf Fertig oder ✓, um Ihre Änderungen zu speichern.
Für detailliertere Informationen über jeden Schritt, ziehen Sie bitte die folgenden Abschnitte zu Rate.
Die Inhalte auswählen
Wählen Sie im Tab „Inhalt“ des Übersichts-Block-Editors die Blogseite, Veranstaltungsseite, Galerie-Seite, Projektseite oder Produktseite aus, die im Block enthalten sein soll. Wenn Sie eine Seite auswählen, sehen Sie, wie ihr Inhalt den Übersichts-Block füllt. Denken Sie daran:
- Sie können in einem Übersichts-Block nur Inhalte aus einer Seite darstellen. Jedoch können Sie mehrere Blöcke zu einer Seite hinzufügen, um alle gewünschten Inhalte darzustellen.
- Sie können die Seite, von der Übersichts-Blöcke Inhalte abrufen, jederzeit ändern.
- Album-Seiten werden derzeit noch nicht unterstützt.
Übersichts-Block-Layouts
Es gibt vier verschiedene Arten von Übersichts-Blöcken, die sich in allen Templates gleich verhalten. Sie können das Layout im Tab „Layout“ des Übersichts-Blocks ändern. Während Sie ein Layout auswählen, sehen Sie eine Vorschau davon auf der Seite. Hier sind Beispiele für Blogeinträge in jedem Layout.
Wall (Mauer)-Übersichts-Blöcke zeigen Inhalte in einem Raster an, das an ein Mauerwerk erinnert. Im Gegensatz zum Raster-Layout, das Elemente in gleichmäßigen Zeilen anzeigt, zeigt das Wall (Mauer)-Layout Elemente in versetzten Zeilen basierend auf der Größe des Inhalts an und erzeugt so eine mosaikartige Form.
Karussell-Übersichts-Blöcke zeigen eine bestimmte Anzahl von Elementen in einer Zeile an, wobei Navigationspfeile in der rechten oberen Ecke das Scrollen durch weitere Inhalte ermöglichen.
Listen-Übersichts-Blöcke zeigen Inhalte in einer einzelnen Spalte mit Vorschaubildern auf einer Seite und Text auf der anderen Seite an.
Raster-Übersicht-Blöcke zeigen Elemente in einem gleichmäßigen Raster an. Zwischen Elementen mit ungleicher Länge wird ein Freiraum gelassen.
Layout-Einstellungen bearbeiten
Auf dem Tab „Layout“ des Übersichts-Blocks können Sie die Größe und den Abstand zwischen den Elementen anpassen. Während Sie die Einstellungen anpassen, sehen Sie eine Vorschau Ihrer Änderungen auf der Seite. Ihre Optionen hängen vom Layout ab.
Hier sind die Layout-Optionen für Wall (Mauer)-Übersichts-Blöcke:
| Layout-Option | Benutzen Sie dies, um |
| Spaltenbreite | Ändern Sie die Breite der Spalten im Block. Dies ändert die Anzahl der Elemente pro Zeile und die Größe jedes Elements. |
|
Abstandsbreite |
Ändern Sie den horizontalen Abstand / das Padding zwischen den Spalten. Der vertikale Abstand / das Padding zwischen den Zeilen passt sich automatisch abhängig von den Inhalten im jeweiligen Block an, entspricht aber nicht dieser Einstellung. |
| Textgröße | Wählen Sie für die Textanzeige zwischen Extragroß, Groß, Mittel oder Klein. Diese Einstellungen wirken sich auf den Titeltext aus. Die Einstellung Extragroß betrifft auch Auszugstexte. |
|
Textausrichtung |
Richten Sie Text Links, Rechts oder in der Mitte jedes Elements aus. |
| Metadaten-Position | Legen Sie den Standort der Metadaten des Elements fest, wie z. B. Datum oder Autor. Dafür gibt es die Optionen Über Titel, Unter Titel oder Unter Inhalt. Wählen Sie den Typ der Metadaten, die im Tab Anzeige erscheinen. |
Hier sind die Layout-Optionen für Karussell-Übersichts-Blöcke:
| Layout-Option | Benutzen Sie dies, um |
| Kopfzeilentext |
Fügen Sie einen benutzerdefinierten Titel hinzu, der über dem Block angezeigt wird. So können Sie vermeiden, einen separaten Text-Block hinzuzufügen. |
|
Seitenverhältnis |
Wählen Sie das Seitenverhältnis für Vorschaubilder, das sich auf deren Beschnitt auswirkt. Wählen Sie Auto, um Vorschaubilder ohne Beschnitt anzuzeigen. |
| Elemente pro Zeile |
Wählen Sie die Anzahl der auf einmal anzuzeigenden Elemente aus. Sie können einen Wert zwischen 1 und 5 auswählen. |
| Textgröße |
Wählen Sie für die Textanzeige zwischen Extragroß, Groß, Mittel oder Klein. Diese Einstellungen wirken sich auf den Titeltext aus. Die Einstellung Extragroß betrifft auch Auszugstexte. |
| Textausrichtung | Richten Sie Text Links, Rechts oder in der Mitte jedes Elements aus. |
| Metadaten-Position | Legen Sie den Standort der Metadaten des Elements fest, wie z. B. Datum oder Autor. Dafür gibt es die Optionen Über Titel, Unter Titel oder Unter Inhalt. Wählen Sie den Typ der Metadaten, die im Tab Anzeige erscheinen. |
Hier sind die Layout-Optionen für Listen-Übersichts-Blöcke:
| Layout-Option | Benutzen Sie dies, um |
|
Seitenverhältnis |
Wählen Sie das Seitenverhältnis für Vorschaubilder, das sich auf deren Beschnitt auswirkt. Wählen Sie Auto, um Vorschaubilder ohne Beschnitt anzuzeigen. |
| Bildgröße |
Legen Sie die Größe fest, in der die Elemente angezeigt werden. Sie können festlegen, dass die Elemente zwischen 10 % und 80 % der Gesamtbreite der Liste angezeigt werden. |
| Bildausrichtung |
Richten Sie Bilder Links oder Rechts vom Text aus. |
|
Textgröße |
Wählen Sie für die Textanzeige zwischen Extragroß, Groß, Mittel oder Klein. Diese Einstellungen wirken sich auf den Titeltext aus. Die Einstellung Extragroß betrifft auch Auszugstexte. |
| Textausrichtung | Richten Sie den Text Links, Rechts oder in der Mitte aus. |
| Metadaten-Position | Legen Sie den Standort der Metadaten des Elements fest, wie z. B. Datum oder Autor. Dafür gibt es die Optionen Über Titel, Unter Titel oder Unter Inhalt. Wählen Sie den Typ der Metadaten, die im Tab Anzeige erscheinen. |
Hier sind die Layout-Optionen für Raster-Übersichts-Blöcke:
Hinweis: Galerie-Seiten-Bilder in diesem Layout öffnen sich in Lightbox-Slideshows. Klick-URLs deaktivieren die Lightbox.
| Layout-Option | Benutzen Sie dies, um |
|
Seitenverhältnis |
Wählen Sie das Seitenverhältnis für Vorschaubilder, das sich auf deren Beschnitt auswirkt. Wählen Sie Auto, um Vorschaubilder ohne Beschnitt anzuzeigen. |
| Spaltenbreite | Ändern Sie die Breite der Spalten im Block.
Hinweis: Elemente in Raster-Übersicht-Blöcken sind links ausgerichtet, und eine schmale Spaltenbreite kann zusätzlichen Freiraum auf der rechten Seite des Blocks verursachen. |
| Abstandsbreite | Ändern Sie den Abstand/Freiraum zwischen den Elementen. |
| Textgröße |
Wählen Sie für die Textanzeige zwischen Extragroß, Groß, Mittel oder Klein. Diese Einstellungen wirken sich auf den Titeltext aus. Die Einstellung Extragroß betrifft auch Auszugstexte. |
| Textausrichtung | Richten Sie den Text Links, Rechts oder in der Mitte aus. |
| Metadaten-Position |
Legen Sie den Standort der Metadaten des Elements fest, wie z. B. Datum oder Autor. Dafür gibt es die Optionen Über Titel, Unter Titel oder Unter Inhalt. Wählen Sie den Typ der Metadaten, die im Tab Anzeige erscheinen. |
Tipp: Beschriftungsstile für Übersichts-Blöcke werden vom Template festgelegt.
Anzeigeeinstellungen bearbeiten
Im Tab „Anzeige“ des Übersichts-Blocks können Sie festlegen, welche Inhalte angezeigt werden und wie. Während Sie die Einstellungen anpassen, sehen Sie eine Vorschau Ihrer Änderungen auf der Seite.
Alle Layouts beinhalten die folgenden Optionen:
| Anzeigeoption | Benutzen Sie dies, um |
| Anzahl der Elemente |
Legen Sie die Anzahl der Elemente fest, die im Block angezeigt werden. Sie können bis zu 30 Elemente anzeigen. |
|
Titel anzeigen |
Legen Sie fest, dass die Titel der Elemente im Block angezeigt werden. Deaktivieren Sie diese Option, um die Titel der Elemente auszublenden. |
|
Vorschaubild anzeigen
|
Legen Sie fest, dass die Element-Vorschaubilder im Block angezeigt werden. Deaktivieren Sie diese Option, um die Vorschaubilder der Elemente auszublenden. Wenn Sie Galerie- oder der Projektseiten-Elemente anzeigen, wird das Bild im Block angezeigt. Wenn Blogeinträge, Veranstaltungen oder Produkte angezeigt werden, ruft der Block das erste verfügbare Bild aus dieser Liste ab:
|
|
Auszug anzeigen |
Legen Sie die Element-Auszüge oder -Beschreibungen fest, die im Block angezeigt werden. Deaktivieren Sie diese Option, um die Auszüge oder Beschreibungen der Elemente auszublenden. Bei der Anzeige von Blogeinträgen wird der Auszug im Block angezeigt. Wenn Sie Veranstaltungen, Galerie-Bilder, Projekt-Bilder oder Produkte anzeigen, wird die Artikelbeschreibung im Block angezeigt. |
|
Primäre Metadaten |
Wählen Sie Informationen aus, die bei jedem Element hervorgehoben angezeigt werden sollen:
|
| Sekundäre Metadaten |
Wählen Sie zusätzliche Informationen aus, die bei jedem Element angezeigt werden sollen:
|
| Kategorie-Filter |
|
| Tag-Filter |
|
| Besonderer Filter |
|
Hinweis: Im Übersichts-Block können Elemente nicht in einem neuen Fenster geöffnet werden. Verwenden Sie stattdessen den Galerie-Block, wenn Sie Bilder in einem neuen Fenster öffnen möchten.
Element-spezifische Optionen
Abhängig von der Art der Sammlungsinhalte, die Sie in Ihrem Übersichts-Block anzeigen, werden Ihnen möglicherweise zusätzliche Optionen angezeigt.
| Sammlungs-Typ | Zusätzliche Anzeigeoptionen |
| Blog-Seite |
Weiterlesen-Link anzeigen – Wenn diese Option aktiviert ist, werden „Weiterlesen“-Links unter dem Inhalt von Einträgen und über den Metadaten angezeigt. |
| Veranstaltungsseite |
Veranstaltungszeitraum – Wählen Sie aus, welche Veranstaltungen im Block angezeigt werden sollen: vergangene oder zukünftige Veranstaltungen. Um vergangene und zukünftige Veranstaltungen anzuzeigen, fügen Sie zwei Übersichts-Blöcke mit ausgewählten eigenem Veranstaltungszeitraum hinzu. |
| Produktseite |
Preis anzeigen – Wenn diese Option aktiviert ist, werden die Produktpreise unter den Produkttiteln angezeigt. Produkt-Schnellansicht aktivieren – Mit dieser Option aktivieren Sie die Produkt-Schnellansicht. |
Die Titel gestalten
Wie Sie Ihre Titel gestalten, hängt davon ab, auf welcher Version von Squarespace sich Ihre Website befindet.
Verwenden Sie „Website-Stile“, um die Schriftart für den Titel des Übersichts-Blocks und die Farbe für den Titel des Übersichts-Blocks in diesen Template-Gruppen einzustellen:
- Adirondack
- Avenue
- Aviator
- Bedford
- Momentum
- Montauk
- Pacific – Titel-Schriftart und Titel-Farbe
Die Titelgröße richtet sich nach den globalen Schriftarten Ihrer Website. So ändern Sie die Titelgröße:
- Öffnen Sie den Übersichts-Block-Editor.
- Klicken Sie auf Layout und aktivieren Sie die Textgröße.
- Klicken Sie im Hauptmenü auf Design und dann auf Schriftarten.
- Klicken Sie für Ihr Schriftart-Paket auf
. - Legen Sie die Überschriften- oder Absatzgröße basierend auf der Textgröße des Übersichts-Blocks fest:
.- Extragroß – H2
- Groß - Großer Text
- Mittel – Normaler Text
- Klein – Kleiner Text