Der Stil und die Funktionen der Template-Gruppe „Montauk“.
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. Die Anpassungen der Website-Stile und der Abschnitt, unter dem sie im Menü „Website-Stile“ angezeigt werden, werden in Fettschrift angezeigt.
Unterstützte Seiten
Montauk unterstützt die folgenden Seiten-Typen:
- Album-Seiten
- Blog-Seiten – Liste
- Cover-Seiten
- Veranstaltungsseiten
- Galerie-Seiten – Stapel
- Index-Seiten – Raster
- Layout-Seiten
- Shop-Seiten – Klassisch
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 der Anpassung Leinwand-Stil unter Optionen fest.
- Verwende für linke und rechte Layouts die Anpassung 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 mit der Anpassung Header-Untertitel unter 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.
Rand
Füge einen Rahmen rund um deine gesamte Website und am oberen und unteren Rand des Hauptinhalts hinzu.
- Lege die Farbe mit der Anpassung Seitenrand: Farbe unter Farben fest.
- Lege die Dicke mit der Anpassung Seitenränder unter Optionen fest.
- Blende den Rand aus, indem du die Anpassung 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.
Hintergrund
Im Abschnitt Farben der Website-Stile:
- 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.
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 der Anpassung Info-Footer ausblenden unter Optionen aus, ob dieser angezeigt werden soll. Blende die integrierten Social-Media-Symbole mit Social-Media-Symbole ausblenden aus.
- Unterer Footer
Seiten Banner
Du kannst ein Banner mit einem Text-Overlay oben auf Blog-, Events-, Index- und Layout-Seiten erstellen. Füge Banner in den Seiteneinstellungen mit ausgewählten Bildern oder Video-URLs hinzu.
- Verwende den Abschnitt Optionen der Website-Stile, um auszuwählen, ob Banner, Seitentitel und Trennlinien angezeigt werden.
- 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.
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 den Anpassungen 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.
Blog-Seiten
Montauk-Blog-Seiten werden als Liste vertikal gestapelter Beiträge angezeigt.
Auf der Landing-Page:
- Das ausgewählte Bild der Seite erstellt 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 ausgewählte Bild der Blog-Seite erstellt 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.
Blog-Seiten gestalten
Ändere die Farben des Titels, des Textes und der Metadaten des Beitrags mit den Anpassungen Überschrift 1: Farbe, Textfarbe und Blog: Meta-Farbe unter Farben.
Im Abschnitt Blog-Stile der Website-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 der Website-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. Der Seitentitel und die Seitenbeschreibung werden auf der einen Seite angezeigt, während sich die Bilder auf der anderen Seite befinden. Gestalte Galerie-Seiten mit den folgenden Anpassungen der Index-Stile:
- Drehe das Layout mit Projekt-Layout um.
- Ändere die Bildgröße mit Index-Seitenleiste: Breite.
Galerie-Text
Für Seitentitel und -beschreibungen:
- Lege die Titel-Schriftart mit der Anpassung Index: Vorschau-Titel unter Index-Stile fest.
- Lege die Titelgröße mit der Anpassung Überschrift 2 unter Typografie fest.
- 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
- Füge benutzerdefinierte Inhalte am unteren Seitenrand mit Seiten-Footern hinzu.
- Die Navigation erscheint unten auf der Seite, wenn diese über einen Index geöffnet wird.
- Montauk unterstützt keine Klick-URLs, Deeplink-URLs oder Lightbox-Funktionalität.
- Seiten-Banner werden nicht angezeigt.
- Um ein anderes Layout zu erstellen, verwende eine Layout-Seite mit einem Galerie-Block.
Index-Seiten
Montauk-Index-Seiten erstellen Vorschaubild-Raster, mit denen Besucher verschiedene Seiten erkunden können.
- Das Navigationsraster zeigt ausgewählte Bilder der Seite an. Selbst wenn eine Seite ein Video-Banner hat, wird das ausgewählte Bild im Raster angezeigt.
- Seitentitel werden unter den Vorschaubildern angezeigt.
- Du kannst ein Seiten-Banner und einen Footer für einzelne Seiten hinzufügen.
- Auf Mobilgeräten zeigen Index-Seiten ein Vorschaubild pro Zeile an.
Unterstützte Seiten
Du kannst die folgenden Seiten zu einem Index hinzufügen:
- Layout-Seiten
- Galerie-Seiten
- Blog-Seiten
- Event-Seiten
- Shop-Seiten
- Album-Seiten
Den Index gestalten
Gestalte Index-Seiten mit den folgenden Anpassungen der Index-Stile:
- 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:
- Über dem Seiten-Banner für Layout-, Blog-, Events- und Index-Seiten.
- Auf der Seite für Galerie-Seiten.
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 den Typografie-Anpassungen.
- Gestalte die Farben mit den 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 der Anpassung 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.
Sprachoptionen
Innerhalb dieser Gruppe unterstützen die Templates Julia, Kent und Om zwei Sprachoptionen:
- Wähle die Sprache für den integrierten Text deiner Website aus, wie z. B. Formulare und die Bestellbestätigung.
- Starte eine neue Website mit einem Template auf Französisch, Deutsch, Italienisch, Portugiesisch oder Spanisch.
Fehlerbehebung für Montauk
Hier sind einige häufig auftretende Probleme mit diesem Template. Einige davon sind Bugs oder bekannte Probleme. Obwohl wir Squarespace Version 7.0 weiterhin unterstützen, hat die Behebung von Fehlern oder Problemen für uns eine geringere Priorität, da wir uns auf unsere aktuelle Plattform, Version 7.1, konzentrieren.
Können Leute über unsere Website eine Einladung annehmen?
Du kannst einen RSVP-Button auf einer Layout-Seite mithilfe eines Formular-Blocks erstellen. Dieser Block sammelt Informationen von Besuchern. Stelle sicher, dass Lightbox-Modus aktivieren im Tab Erweitert des Formular-Block-Editors aktiviert ist. Der Lightbox-Modus legt fest, dass das Formular geöffnet wird, wenn man auf den Button klickt, anstatt das Formular auf der Seite selbst zu öffnen.
Ein Beispiel dafür, wie das in der Praxis aussieht, findest du in den Demo-Inhalten des Naomi-Templates:
Wie ändere ich die Schriftart des Headers auf meiner Galerie-Seite?
Die Schriftart und -größe des Headers auf der Galerie-Seite werden durch zwei verschiedene Anpassungen gesteuert:
- Verwende die Anpassung Index: Vorschau-Titel im Abschnitt Index-Stile der Website-Stile, um die Schriftart anzupassen.
- Verwende Überschrift 2 im Abschnitt Typografie, um die Größe anzupassen.
Wie repliziere ich die Kurs- oder Workshop-Seiten aus den Demo-Inhalten von Om?
Die Kurs-Seite ist eine Layout-Seite, die mit Formular-Blöcken angepasst wurde. Um die Buchung zu integrieren, besuche Online-Buchungen zu deiner Website hinzufügen.
Die in den Demo-Inhalten angezeigte Workshop-Seite ist eine Events-Seite. Besuche Events-Seiten für weitere Hilfe.
Wie repliziere ich die Wunschzettel-Seite aus den Demo-Inhalten von Julia?
Die Wunschzettel-Links in den Demo-Inhalten werden auf einer Layout-Seite mit einem Raster-Galerie-Block unter Verwendung von Bildern mit Klick-URLs erstellt.
Wie aktualisiere ich meine Geschäftsinformationen?
Deine Geschäftsinformationen können als Untertitel in deinem Website-Header angezeigt werden. Dies kommt aus dem Abschnitt Physischer Standort des Menüs „Geschäftsinformationen“.
Um das zu bearbeiten:
- Öffne das Menü „Einstellungen“ und klicke auf Geschäftsinformationen.
- Scrolle nach unten zu Physischer Standort und aktualisiere die Informationen.
- Klicke auf Speichern.
Beachte, dass Änderungen an den Feldern von Anschrift des Unternehmens nicht im Untertitel angezeigt werden.
Mein Mobil-Menü wird nicht geöffnet
Das Mobil-Menü wird nicht geöffnet, wenn du ein Video-Banner mit einer ungültigen URL oder einem Einbettungscode zu deiner Startseite hinzugefügt hast. So bearbeitest du die Video-URL:
- Öffne das Menü „Seiten“.
- Bewege den Mauszeiger über den Titel der Startseite im linken Menü und klicke dann auf
. - Klicke auf den Tab Medien und dann auf den Tab Video.
- Bestätige, dass das Feld „Video-URL“ eine gültige URL enthält.
.Mein Hintergrundbild ist auf dem Mobilgerät nicht fixiert
Viele mobile Browser, einschließlich iOS, unterstützen keine fixierten Hintergrundbilder. Um einen ähnlichen Effekt zu erzielen, experimentiere mit den Stil-Optionen Größe: Abdecken und Größe: Eingrenzen für Hintergrundbilder. Beachte, dass die Stil-Einstellungen für Hintergrundbilder sowohl für Mobilgeräte als auch für Computer gelten.
Weitere Hilfe findest du in unseren Tipps zur Fehlerbehebung für Responsive Design.
Mein Info-Footer ist verschwunden
Wenn die Anmerkung Bearbeiten des Info-Footers nicht angezeigt wird:
- Öffne das Menü „Website-Stile“.
- Scrolle zum Abschnitt Optionen.
- Deaktiviere Info-Footer ausblenden.
- Klicke auf Speichern.
- Verlasse Website-Stile und aktualisiere die Seite. Die Anmerkung sollte erscheinen.
Mein Linien-Block wird nicht angezeigt
Die Farbe des Linien-Blocks wird mit der Anpassung Seitenrand: Farbe im Abschnitt Farben der Website-Stile festgelegt. Stelle sicher, dass die Transparenz deckend ist, damit alle Linien und Ränder sichtbar bleiben.
Meine Navigation ist in zwei Zeilen aufgeteilt
Wenn die Links in deiner oberen Navigation nicht in eine einzige Zeile passen, wird die obere Navigation in zwei Zeilen aufgeteilt.
Wenn du Leinwand-Stil: Masthead-Logo rechts oder Masthead-Logo links ausgewählt hast und die obere Navigation zu lang ist, um neben dem Website-Titel oder Logo angezeigt zu werden, wird die obere Navigation darunter verschoben.
Wenn dir das Erscheinungsbild deiner oberen Navigation nicht gefällt, gibt es mehrere Möglichkeiten, die Formatierung anzupassen:
- Reduziere die Anzahl der Seiten innerhalb der Navigation. Eine Methode besteht darin, ein Dropdown zu verwenden.
- Benenne die Seiten um, damit sie kürzer sind.
- Reduziere im Abschnitt Größen & Werte der Website-Stile die Navigationslink: Abstände, um die Links näher zusammenzubringen, oder erhöhe die Seitenbreite, um die Breite der gesamten Website zu vergrößern.
Die Größe des Seitentitels und der Seitenbeschreibung ändert sich nicht
Seitentitel und Seitenbeschreibungen haben eine feste Schriftgröße in Browsern, die schmaler als 1041 Pixel sind. Abhängig von der Größe deines Bildschirms ist das Vorschaufenster möglicherweise nicht breit genug, während du dich unter „Website-Stile“ befindest, um die Größenänderungen zu sehen, die du gerade vornimmst.
Sollte dies der Fall sein, speichere deine Änderungen, verlasse Website-Stile und öffne die vollständige Vorschau, um die neue Größe des Seitentitels und der Beschreibung zu sehen. Du kannst Änderungen auch speichern und deine Website in einem separaten, privaten Browserfenster anzeigen.
Mein Seitentitel sieht in schmalen Browsern größer aus
Seitentitel werden über Bannern angezeigt. Für Browser, die schmaler als 1041 Pixel sind, haben sie eine feste Größe:
- 767 Pixel oder schmaler – Schriftgröße beträgt 21 Pixel
- 768–1040 Pixel – Schriftgröße beträgt 52 Pixel
Lege in Browsern mit 1041 Pixeln oder breiter die Größe mit der Anpassung Seitentitel im Abschnitt Typografie der Website-Stile fest.
Mein Seitentitel wird nicht angezeigt
Ein Seitentitel in Montauk muss über einem Seiten-Banner erscheinen. Wenn dein Seitentitel nicht angezeigt wird:
- Stelle sicher, dass du ein ausgewähltes Bild oder eine Video-URL für diese Seite festgelegt hast.
- Stelle im Abschnitt Optionen der Website-Stile sicher, dass sowohl Info-Footer ausblenden als auch Seiten-Banner ausblenden deaktiviert sind.
Mein Video-Banner wird nicht angezeigt
Wenn dein Video-Banner nicht angezeigt wird, füge ein Ersatzbild für Mobilgeräte hinzu:
- Öffne die Seiteneinstellungen.
- Klicke im Tab Medien auf Video.
- Scrolle nach unten und füge ein Bild zum Bild-Uploader hinzu.
- Klicke auf Speichern.
Denke daran:
- Die Höhe des Ersatzbildes für Mobilgeräte legt die Höhe des Banners fest.
- Für Index-Seiten erstellt das Video ein Banner auf der Index-Landing-Page. Index-Raster-Vorschaubilder zeigen keine Videos an.
Eine horizontale Linie zieht sich durch die obere Navigation und Like- und Sharing-Buttons
Diese Linie ist sichtbar, wenn die Anpassung Leinwand-Hintergrund im Abschnitt Farben der Website-Stile transparent oder teilweise deckend ist. Du kannst die Anpassung Leinwand-Hintergrund ändern oder die Farbe des Seitenrands transparent machen, um die Linie vollständig auszublenden.
Warum hat mein Footer zwei Sätze von Social-Media-Links?
Das Montauk-Template verfügt über zwei integrierte Optionen zum Anzeigen von Social-Media-Symbolen: als Teil des Info-Footers und mit einem Social-Link-Block im unteren Footer (Teil der Demo-Inhalte).
Standardmäßig sind der Info-Footer und dessen Social-Media-Symbole ausgeblendet, und der Social-Link-Block wird im unteren Footer angezeigt.
- Info-Footer: Deaktiviere Info-Footer ausblenden im Abschnitt Optionen der Website-Stile, um die Symbole anzuzeigen. Verwende dann die Anpassung Social-Media-Symbol: Stil, um das Erscheinungsbild zu ändern. Du kannst auch die Anpassung Social-Media-Symbole ausblenden verwenden, um sie auszublenden.
- Unterer Footer: Bearbeite den Social-Link-Block, um das Erscheinungsbild zu ändern, oder lösche den Block, um ihn zu entfernen.