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

Montauk-Template-Gruppe

Die Template-Gruppe „Montauk“ (Julia, Kent, Montauk, Om) verfügt über Seiten-Banner und einen vielseitigen Miniatur-Navigationsindex, die deine Informationen, Produkte oder Liebesgeschichte ins Rampenlicht stellen.

Diese Anleitung behandelt die Funktionen und Gestaltungsmöglichkeiten der Montauk-Gruppe. Anpassungen unter Website-Stil werden in fetter Schrift angezeigt und verlinken auf die Liste aller Montauk-Anpassungen, um dir die Navigation des Menüs zu erleichtern.

Unterstützte Seiten

Montauk unterstützt die folgenden Seiten-Typen:

Kopfzeile

Besucher verwenden den Header am Seitenanfang, um durch deine Website zu navigieren. In Montauk enthält der Header den Website-Titel oder das Logo, Links der oberen Navigation und einen anpassbaren Bereich namens Header-Untertitel.

  • Lege das Layout mit dem Leinwand-Stil unter Optionen fest.
  • Verwende für linke und rechte Layouts die Stapel-Navigation unter Optionen, um die Navigationslinks zu stapeln.
  • Ändere die Abstände im Header und zwischen Navigationslinks mit den Anpassungen für Größe & Werte.

Wähle unter Header-Untertitel in Optionen aus, was im Header-Untertitel angezeigt wird.

  • Adresse zeigt die Adresse und Telefonnummer aus den Feldern Physischer Standort der Geschäftsinformationen an.
  • Slogan zeigt den Slogan deiner Website an.
  • Wähle Benutzerdefiniert aus, um Text oder anderen Inhalt hinzuzufügen. Verlasse Website-Stil und doppelklicke auf den Platzhalter-Text „Dein benutzerdefinierter Text hier“, um ihn durch Blöcke zu ersetzen.

montauk-header.png

Rand

Füge einen Rahmen rund um deine gesamte Website und am oberen und unteren Rand des Hauptinhalts hinzu.

  • Lege die Farbe mit Seitenrand: Farbe unter Farben fest.
  • Lege die Dicke mit Seitenränder unter Optionen fest.
  • Blende den Rand aus, indem du Seitenränder: Keine unter Optionen auswählst.
  • Wenn der Leinwand-Stil auf Masthead-Logo links oder rechts gesetzt ist, wird der äußere Rand nicht angezeigt.

montauk-border.png

Hintergrund

Im Abschnitt Farben:

  • Lege die Hintergrundfarbe der Website mit Website-Hintergrund fest oder füge ein Hintergrundbild mit Website: Hintergrundbild hinzu.
  • Lege den Hintergrund deines Hauptinhaltsbereichs und des Website-Headers mit Leinwand-Hintergrund fest.
  • Die Hintergrundfarbe der Website kann kurzzeitig angezeigt werden, bevor das Hintergrundbild geladen wurde.
  • Verwende den Deckkraft-Schieberegler für Leinwand-Hintergrund, um den Hintergrund durchscheinen zu lassen, wie unten zu sehen.
Tipp: Der Rand wird rund um die Leinwand angezeigt.

montauk-backgroundimage.png

Fußzeilen

Montauk hat drei Footer, die du mit Blöcken anpassen kannst.

Seiten-Footer unterscheiden sich von Seite zu Seite.

  • Sammlungsinhalte (wie z. B. Blogeinträge) haben jeweils einen eigenen Footer.
  • Bei Galerie- und Layout-Seiten, die von einem Index aus geöffnet werden, werden die Seiten-Footer nicht angezeigt.

Es gibt zwei Footer für die gesamte Website:

  • Info-Footer – Wähle mit Info-Footer ausblenden unter Optionen aus, ob dieser angezeigt werden soll. Blende seine integrierten Social-Media-Symbole mit Social-Media-Symbole ausblenden aus.
  • Unterer Footer

montauk-footers.png

Seiten Banner

Du kannst ein Banner mit einem Text-Overlay oben auf Blog-, Events-, Index- und Layout-Seiten erstellen. Füge Banner unter Seiteneinstellungen mit Vorschaubildern oder Video-URLs hinzu.

  • Verwende den Abschnitt Optionen, um auszuwählen, ob Banner, Seitentitel und Trennlinien erscheinen.
  • Wenn Layout-Seiten von einem Index aus geöffnet werden, werden keine Banner angezeigt.
  • Video-Banner erfordern ein Ersatzbild für Mobilgeräte, um angezeigt zu werden.

montauk-banner.png

Breite und Höhe

Die Breite und Höhe sind fixiert:

  • Breite – Seiten-Banner werden immer in der Breite des Ansichtsbereichs angezeigt.
  • Höhe – Die Höhe wird vom Bild (oder bei Video-Bannern vom Ersatzbild für Mobilgeräte) vorgegeben. Du kannst dies mit dem integrierten Bild-Editor ändern. Um ein einheitliches Aussehen zu schaffen, vergewissere dich, dass alle deine Banner-Bilder das gleiche Seitenverhältnis haben.

Banner-Text

Seitentitel und -beschreibungen können über Bannern angezeigt werden.

  • Die Seite muss ein Banner-Bild oder -Video haben, damit der Text erscheint.
  • Beschreibungen werden auf Browsern mit einer Breite von weniger als 767 Pixeln nicht angezeigt.
  • Die Textfarbe entspricht dem Leinwand-Hintergrund (Leinwand-Hintergrund unter Farben).
  • Gestalte die Schriftarten mit Seitentitel und Seitenbeschreibung unter Typografie.
  • Seitentitel haben auf schmaleren Browsern eine fixierte Größe.
  • Um einen anderen Text für Suchergebnisse zu verwenden, füge einen SEO-Titel und eine SEO-Beschreibung hinzu.

Um den Text auf allen Seiten auszublenden, aktiviere die Anpassung Seiten-Banner ausblenden. Du kannst auch Beschreibungen für einzelne Seiten aus den Seiteneinstellungen löschen.

Blogseiten

Montauk-Blog-Seiten werden als Liste vertikal gestapelter Beiträge angezeigt.

Auf der Landing-Page:

  • Das Seiten-Vorschaubild erzeugt ein Banner-Bild.
  • Daten und Autorennamen werden über jedem Beitrag angezeigt. Andere Metadaten werden unten angezeigt.
  • Hervorgehobene Bild-, Video- und Galerie-Blöcke werden unter dem Beitragstitel für Beiträge mit Auszügen angezeigt.
  • Auszüge zeigen „Mehr lesen“-Links.
  • Der vollständige Inhalt der einzelnen Beiträge wird unter dem Titel für Beiträge ohne Auszüge angezeigt.
  • Blog-Seiten unterstützen eine Seitenleiste, ein Banner und einen Seiten-Footer.

Auf einzelnen Beiträgen:

  • Das Blog-Seiten-Vorschaubild erzeugt ein Banner-Bild.
  • Daten und Autorennamen werden über jedem Beitrag angezeigt. Andere Metadaten werden unten angezeigt.
  • Die Navigation für vorherige und nächste Beiträge wird unter den Kommentaren angezeigt.

montauk-blog-page.png

Blog-Seiten gestalten

Ändere die Farben des Titels, des Textes und der Metadaten des Beitrags mit Überschrift 1: Farbe, Textfarbe und Blog: Meta-Farbe in Farben.

Im Abschnitt Blog-Stile:

  • Wählen Sie mit Artikel-Autor ausblenden aus, ob der Autor angezeigt wird.
  • Ändere den Abstand zwischen Beiträgen mit Blogeintrag: Abstände.
  • Ändere die Schriftart des Titels mit Blogeintrag: Titel.

Blog-Seitenleiste

Eine Seitenleiste wird auf Landing-Pages und in Beiträgen angezeigt. Passe sie mit Blöcken an. Wenn du mehrere Blogs auf deiner Website hast, wird auf allen die gleiche Seitenleiste angezeigt. Die Seitenleiste scrollt mit der Seite nach oben.

Im Abschnitt Blog-Stile:

  • Aktiviere die Seitenleiste und wähle mit Blog-Layout, wo sie angezeigt werden soll.
  • Um die Seitenleiste auszublenden, wähle Blog-Layout: Mitte.
  • Lege die Größe der Seitenleiste mit Blog-Seitenleiste: Breite fest.
Tipp: Wenn deine Seitenleiste bei der erstmaligen Aktivierung leer ist, verlasse Website-Stile, bewege den Mauszeiger über die obere Ecke der Blog-Seite und klicke auf die Anmerkung Seitenleisten-Inhalt bearbeiten.

Galerie-Seiten

Montauk-Galerie-Seiten ordnen Bilder und Videos vertikal an. Die Seitentitel und -beschreibungen werden auf der einen Seite angezeigt, während sich die Bilder auf der anderen Seite befinden.

  • Spiegle das Layout mit Projekt-Layout unter Index-Stile.
  • Ändere die Bildgröße, indem du Index-Seitenleiste: Breite unter Index-Stile anpasst.

montauk-gallery.png

Galerie-Text

Für Seitentitel und -beschreibungen:

  • Lege die Titel-Schriftart mit Index: Vorschau-Titel unter Index-Stile fest.
  • Steuere die Titelgröße mit Überschrift 2 unter Typografie.
  • Der Beschreibungstext folgt den Textkörper-Anpassungen.
  • Um einen anderen Text für Suchergebnisse zu verwenden, füge einen SEO-Titel und eine SEO-Beschreibung hinzu.
  • Um den Text auszublenden, lösche den Titel oder die Beschreibung aus den Seiteneinstellungen. Wenn du dies tust, füge einen SEO-Titel und eine SEO-Beschreibung hinzu. Diese werden nicht auf deiner Website angezeigt, sind aber hilfreich für die SEO.

Titel und Beschreibungen der Bilder werden unter dem jeweiligen Bild angezeigt.

  • Der Text folgt den Textkörper-Anpassungen.
  • Bildtitel sind immer fett gedruckt.
  • Um den Text auszublenden, entferne den Titel oder die Beschreibung im Editor des Bildes.

Weitere Hilfe zu Galerie-Seiten

Index-Seiten

Montauk-Index-Seiten erstellen Vorschaubild-Raster, mit denen Besucher verschiedene Seiten erkunden können.

montauk-index.png

Unterstützte Seiten

Du kannst die folgenden Seiten zu einem Index hinzufügen:

  • Layout-Seiten
  • Galerie-Seiten
  • Blogseiten
  • Event-Seiten
  • Shop-Seiten
  • Album-Seiten

Den Index gestalten

Verwende den Abschnitt Index-Stile, um Index-Seiten zu gestalten. Dazu gehört:

  • Die Farbe des Seitentitels mit Index: Vorschau-Titelfarbe festlegen.
  • Mit Vorschaubilder pro Zeile auswählen, wie viele Vorschaubilder horizontal angezeigt werden.
  • Die Höhe der Vorschaubilder mit Vorschaubild: Seitenverhältnis festlegen.
  • Mit Vorschaubild: Deckkraft auswählen, wie viel von der Hintergrundfarbe durchscheinen soll.
  • Legen Sie mit Vorschaubild: Mouseover-Deckkraft fest, wie stark das Vorschaubild verblasst, wenn ein Besucher mit dem Mauszeiger darüber fährt.

Galerie- und Layout-Seiten in Indexen

Galerie- und Layout-Seiten, die über einen Index geöffnet werden, weisen eine besondere Formatierung auf:

  • Der Seitenanfang wird im oberen Teil des Browsers angezeigt. Besucher können nach oben scrollen, um den Website-Header zu sehen.
  • Anklickbare Vorschaubilder für die anderen Seiten im Index werden unterhalb des Seiteninhalts zusammen mit Navigationselementen angezeigt.
  • Banner werden auf Layout-Seiten nicht angezeigt. Wenn die Index-Seite über ein Banner verfügt, wird stattdessen dieses angezeigt. Andernfalls gibt es kein Banner.
  • Die URL beinhaltet ein Hashtag (#). Die spezielle Formatierung wird nicht angezeigt, wenn die URL nicht das # enthält.

Seitentitel und Beschreibungen

Seitentitel und -beschreibungen können an folgender Stelle angezeigt werden:

Social-Media-Symbole

Der Info-Footer hat optionale integrierte Social-Media-Symbole.

Tipp: Die Demo-Inhalte von Montauk beinhalten einen entfernbaren Social-Link-Block im unteren Footer.

Schriftarten

Für Text auf deiner Website:

  • Gestalte die Schriftarten und -größen mit Typografie-Anpassungen.
  • Gestalte die Farben mit Farben-Anpassungen.

Seitenleiste

Montauk hat eine Seitenleiste auf Blog-Seiten und in Blogeinträgen.

Mobilgerät

Mit dem integrierten Responsiven Design von Squarespace passt sich Ihre Website an, damit sie auf jedem Gerät hervorragend aussieht.

  • Die Navigation wird als Menü-Link oben mittig angezeigt.
  • Auf Mobilgeräten wird der Menü-Link immer angezeigt, selbst wenn die obere Navigation leer ist.
  • Der Menü-Hintergrund entspricht dem Leinwand-Hintergrund unter Farben.
  • Galerie-Bilder werden unterhalb des Seitenbeschreibungstexts gestapelt.
  • Du kannst Stil für Mobilgeräte deaktivieren, wir raten jedoch davon ab.

Banner können auf Mobilgeräten anders aussehen:

  • Seitenbeschreibungen werden auf Smartphones und Browsern mit einer Breite von weniger als 767 Pixeln nicht angezeigt.
  • Video-Banner werden je nach Verbindungsgeschwindigkeit des Besuchers und Browser-Version gelegentlich nicht auf Mobilgeräten angezeigt. Legen Sie ein Ersatzbild für Mobilgeräte fest, das erscheint, wenn das Video-Banner nicht geladen werden kann.
  • In unseren Tipps zur Fehlerbehebung zu Problemen mit dem Zuschneiden von mobilen Bannern und Hintergrundbildern findest du weitere Informationen.

montauk-mobile.png

Sprachoptionen

Innerhalb dieser Gruppe unterstützen die Templates Julia, Kent und Om zwei Sprachoptionen:

War dieser Beitrag hilfreich?
50 von 101 fanden dies hilfreich
Montauk-Template-Gruppe