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

Montauk-Template-Gruppe

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

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

Tipp: Die Live-Vorschau-Seiten für MontaukJuliaKent und Om zeigen echte Kunden-Websites an, die diese Templates verwenden.

Unterstützte Seiten

Montauk unterstützt die folgenden Seiten-Typen:

Kopfzeile

Besucher verwenden die Kopfzeile am Seitenanfang, um durch deine Website zu navigieren. In Montauk enthält die Kopfzeile Seitentitel oder Logo, Obere Navigation-Links und einen anpassbaren Bereich namens Kopfzeilen-Untertitel.

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

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

  • Adresse zeigt die Adresse und Telefonnummer aus den Physischer Standort-Feldern von Geschäftsinformationen an.
  • Slogan zeigt den Slogan deiner Website an.
  • Wählen Sie Benutzerdefiniert, um Text oder andere Inhalte hinzuzufügen. Verlassen Sie Website-Stile und doppelklicken Sie auf den Platzhalter „Ihr 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 aus oder füge ein Hintergrundbild mit Website: Hintergrundbild hinzu.
  • Lege den Hintergrund deines Hauptinhaltsbereichs und der Website-Kopfzeile 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-, Event-, 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 Schriften 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 SEO-Titel und -Beschreibungen hinzu.

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

Blogseiten

Montauk-Blog-Seiten werden als Liste übereinander angeordneter Beiträge angezeigt. Das Seiten-Vorschaubild erzeugt ein Banner-Bild.

  • Daten und Autorennamen werden über jedem Beitrag angezeigt. Weitere Metadaten werden unten angezeigt.
  • Blog-Seiten unterstützen eine Seitenleiste, ein Banner und einen Seiten-Footer.
  • Auszüge zeigen Mehr lesen-Links und beworbene Bild-, Galerie- oder Video-Blöcke an.
  • Vorschaubilder für Beiträge werden nicht angezeigt.
  • Die Navigation zu vorherigen und nächsten Beiträgen wird in den einzelnen Beiträgen unterhalb der Kommentare angezeigt.

montauk-blog-page.png

Blog-Seiten gestalten

Ändern Sie die Farben des Beitragstitels, des Texts und der Metadaten 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.
  • Ändern Sie 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.

  • Spiegele 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 SEO-Titel und -Beschreibungen hinzu.
  • Um den Text auszublenden, lösche den Titel oder die Beschreibung aus den Seiteneinstellungen. Wenn du dies tust, füge  SEO-Titel und -Beschreibungen 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 Pages
  • Produktseiten
  • Albumseiten

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 Indizes

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 die Website-Kopfzeile 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äte

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 folgt Leinwand-Hintergrund im Hinblick auf die Farben.
  • Galerie-Bilder werden unterhalb des Seitenbeschreibungs-Texts gestapelt.
  • Du kannst Stile 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.
  • Siehe unsere Tipps zur Fehlerbehebung zum Thema Probleme mit dem Zuschneiden von mobilen Bannern und Hintergrundbildern.

montauk-mobile.png

Sprachoptionen

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

War dieser Beitrag hilfreich?
47 von 93 fanden dies hilfreich
Montauk-Template-Gruppe