De stijl en functies van de Montauk-sjablooncategorie.

De Montauk-sjabloonfamilie (Julia, Kent, Montauk, Om) bevat paginabanners en een veelzijdige miniatuurnavigatie-index, waarmee je informatie, producten of liefdesverhaal in de schijnwerpers zet.

In deze gids beschrijven we de functies en ontwerpmogelijkheden van de Montauk-categorie. Aanpassingen in sitestijlen en het gedeelte waaronder ze verschijnen in het sitestijlenpaneel zijn vetgedrukt.

Ondersteunde pagina's

Montauk ondersteunt deze paginatypen:

• Albumpagina's
• Blogpagina's - Lijst
• Voorpagina's
• Evenementenpagina
• Galerijpagina's - Gestapeld
• Indexpagina's - raster
• Lay-outpagina's
• winkelpagina's - Klassiek

Header

Bezoekers gebruiken de header bovenaan om door je site te navigeren. In Montauk bevat de header de sitetitel of het logo, topnavigatielinks en een aanpasbaar gebied dat de header-ondertitel wordt genoemd.

• Stel de lay-out in met de Canvas-stijlaanpassing onder Opties.
• Gebruik voor de lay-outs links en rechts de optie navigatie stapelen onder opties om de navigatielinks te stapelen.
• Wijzig de spatiëring in de header en tussen de navigatielinks met de Sizes & values -aanpassingen.

Kies wat er in de header-ondertitel wordt weergegeven met de aanpassing header-ondertitel onder opties.

• Adres toont het adres en telefoonnummer uit de velden Fysieke locatie van Zakelijke informatie.
• Slogan toont de slogan van je site.
• Kies Aangepast om tekst of andere inhoud toe te voegen. Verlaat de sitestijlen en dubbelklik op de placeholdertekst "Uw aangepaste tekst hier" om deze te vervangen door blokken.

Rand

Voeg een rand toe rond je hele site en aan de boven- en onderkant van de hoofdcontent.

• Stel de kleur in met de Paginarandkleur tweak onder Kleuren.
• Stel de dikte in met de Paginaranden -tweak onder Opties.
• Verberg de rand door onder Opties te kiezen voor Paginaranden: geen.
• Als de canvasstijl is ingesteld op masthead-logo links of rechts, wordt de buitenste rand niet weergegeven.

Achtergrond

In het Kleuren -gedeelte van de sitestijlen:

• Stel de achtergrondkleur van de site in met Site-achtergrond of voeg een achtergrondafbeelding toe met Site-achtergrondafbeelding.
• Stel de achtergrond van je contentgebied en siteheader in met canvas-achtergrond.
• De achtergrondkleur van de site wordt mogelijk kort weergegeven voordat de achtergrondafbeelding wordt geladen.
• Gebruik de canvas-achtergrond opaciteitsregelaar om de achtergrond door te laten schijnen, zoals hieronder weergegeven.

Tip: De rand wordt weergegeven rondom het canvas.

Voetteksten

Montauk heeft drie footers, die je kunt aanpassen met blokken.

Voetteksten zijn uniek voor individuele pagina's.

• Collectie-items (zoals blogposts) hebben elk hun eigen footer.
• Footers worden niet weergegeven voor galerij- en lay-outpagina's die zijn geopend vanuit een index.

Er zijn twee sitebrede footers:

• Info-footer - Kies of deze wordt weergegeven met de aanpassing info-footer verbergen onder opties. Verberg de ingebouwde socialemediapictogrammen met socialemediapictogrammen verbergen.
• Onderste footer

Paginabanners

U kunt een banner met een tekstoverlay maken bovenaan blog-, evenementen-, index- en lay-outpagina's. Voeg banners toe in pagina-instellingen met uitgelichte afbeeldingen of video-URL's.

• Gebruik het gedeelte opties van sitestijlen om te kiezen of banners, paginatitels en scheidingslijnen worden weergegeven.
• Wanneer lay-outpagina's vanuit een index worden geopend, worden banners niet weergegeven.
• Videobanners vereisen een mobiele fallbackafbeelding om te worden weergegeven.
   

Breedte en hoogte

De breedte en hoogte staan vast:

• Breedte - Paginabanners worden altijd weergegeven op de breedte van het canvasgebied.
• Hoogte - De hoogte wordt bepaald door de afbeelding (of mobiele fallbackafbeelding, voor videobanners). Je kunt dit aanpassen met de ingebouwde beeldeditor. Om een uniform uiterlijk te creëren, zorg ervoor dat al je bannerafbeeldingen dezelfde beeldverhouding hebben.

Bannertekst

Paginatitels en beschrijvingen kunnen over banners worden weergegeven.

• De pagina moet een bannerafbeelding of video bevatten om de tekst te kunnen weergeven.
• Beschrijvingen worden niet weergegeven op browsers die smaller zijn dan 767 pixels breed.
• De tekstkleur komt overeen met de canvasachtergrond (canvasachtergrond onder Kleuren).
• Stijl de lettertypen met de tweaks aan de paginatitel en de paginabeschrijving onder Typografie.
• Paginatitels hebben een vaste grootte in smallere browsers.
• Om verschillende teksten te gebruiken voor zoekresultaten, voeg je een SEO-titel en beschrijving toe.

Om de tekst op alle pagina's te verbergen, vink de tweak 'Verberg paginabanners' aan. Je kunt ook beschrijvingen van individuele pagina's verwijderen uit pagina-instellingen.

Blogpagina's

De blogpagina's van Montauk worden weergegeven als een lijst van verticaal gestapelde posts.

Op de landingspagina:

• De uitgelichte afbeelding creëert een bannerafbeelding.
• Datums en auteursnamen worden boven elke post weergegeven. Andere metagegevens worden hieronder weergegeven.
• Uitgelichte afbeelding, video- en galerieblokken worden onder de posttitel weergegeven voor posts met uittreksels.
• Uittreksels tonen "Verder lezen"-links.
• De volledige inhoud van individuele posts wordt onder de titel weergegeven voor posts zonder uittreksels.
• Blogpagina's ondersteunen een zijbalk, banner en een paginafooter.

Op individuele posten:

• De uitgelichte afbeelding van de blogpagina creëert een bannerafbeelding.
• Datums en auteursnamen worden boven elke post weergegeven. Andere metagegevens worden hieronder weergegeven.
• De navigatie voor vorige en volgende posts wordt onder de reacties weergegeven.
   

Ontwerp blogpagina's

Wijzig de kleuren van de posttitel, tekst en metagegevens met de kleur van kop 1, tekstkleur en blogmetakleur onder kleuren.

In het blogstijlen -gedeelte van sitestijlen:

• Kies of de auteur wordt weergegeven met Artikel auteur verbergen.
• Wijzig de afstand tussen posts via de optie 'Afstand tussen blogposts'.
• Verander het lettertype van de titel met Blogposttitel.

Blog zijbalk

Op landingspagina's en posts wordt een zijbalk weergegeven. Personaliseer het met blokken. Als je meerdere blogs op je site hebt, wordt dezelfde zijbalk op allemaal weergegeven. De zijbalk scrolt mee met de pagina.

In het blogstijlen -gedeelte van sitestijlen:

• Schakel de zijbalk in en kies waar deze wordt weergegeven met de bloglay-out.
• Om de zijbalk te verbergen, kies je Blog lay-out: midden.
• Stel de grootte van de zijbalk in met Breedte van de blogzijbalk.

Tip: Als je zijbalk leeg is wanneer je deze voor het eerst inschakelt, verlaat dan sitestijlen, zweef over de bovenste hoek van de blogpagina en klik op de opmerking Zijbalkinhoud bewerken.

Galeriepagina's

Montauk galeriepagina's stapelen afbeeldingen en video's verticaal. De titel en beschrijving van de pagina worden aan de ene kant weergegeven, met afbeeldingen aan de andere kant. Stijlgalerijpagina's met de volgende Index-stijlaanpassingen:

• Draai de lay-out om met Project lay-out.
• Pas de afbeeldingsgrootte aan door de breedte van de indexzijbalk te wijzigen.
   

Galerietekst

Voor paginatitels en beschrijvingen:

• Stel het lettertype van de titel in met de Index thumb titles -aanpassing onder Index styles.
• Regel de grootte van de titel met de tweak Kop 2 onder Typografie.
• De beschrijvingstekst volgt de aanpassingen aan de hoofdtekst.
• Om verschillende teksten te gebruiken voor zoekresultaten, voeg je een SEO-titel en beschrijving toe.
• Om de tekst te verbergen, verwijder je de titel of beschrijving in de pagina-instellingen. Als je dit doet, voeg dan een SEO titel en beschrijving toe. Deze worden niet weergegeven op je site, maar zijn handig voor SEO.

Onder elke afbeelding worden de titels en beschrijvingen weergegeven.

• De tekst volgt de aanpassingen aan de hoofdtekst.
• Afbeeldingstitels zijn altijd dikgedrukt.
• Om de tekst te verbergen, verwijder je de titel of beschrijving in de editor van de afbeelding.

Meer hulp bij galeriepagina's

• Voeg aangepaste inhoud onderaan toe met pagina-footers.
• Navigatie verschijnt onderaan wanneer de pagina wordt geopend vanuit een index.
• Montauk ondersteunt geen doorklik-URL's, deeplink-URL's of lichtbakfunctionaliteit.
• Paginabanners worden niet getoond.
• Om een andere lay-out te maken, gebruik een lay-outpagina met een galerieblok.

Indexpagina's

Montauk indexpagina's maken miniatuurrasters die bezoekers kunnen gebruiken om verschillende pagina's te verkennen.

• Het navigatieraster toont uitgelichte pagina-afbeeldingen. Zelfs als een pagina een videobanner heeft, wordt de uitgelichte afbeelding weergegeven in het raster.
• Paginatitels worden weergegeven onder de miniaturen.
• Je kunt een paginabanner en paginafooter toevoegen.
• Op mobiele apparaten wordt op indexpagina's één miniatuur per rij weergegeven.

Ondersteunde pagina's

Je kunt de volgende pagina's aan een index toevoegen:

• Lay-outpagina's
• Galeriepagina's
• Blogpagina's
• Evenementenpagina's
• Winkelpagina's
• Albumpagina's

Geef stijl aan de index

Stijl indexpagina's met de volgende indexstijlaanpassingen:

• Stel de kleur van de paginatitel in met Index duim titel kleur.
• Kies hoeveel miniaturen horizontaal worden weergegeven met miniaturen per rij.
• Stel de hoogte van de miniatuurafbeeldingen in met miniatuurverhouding.
• Kies hoeveel van de achtergrondkleur zichtbaar is met de miniatuurdoorzichtigheid.
• Kies met 'Thumbnail zweven opacity' hoeveel de miniatuur vervaagt wanneer een bezoeker eroverheen zweeft.

Galerie- en lay-outpagina's in indexen

Galerij- en lay-outpagina's die vanuit een index worden geopend, hebben een speciale opmaak:

• De bovenkant van de pagina wordt bovenaan in de browser weergegeven. Bezoekers kunnen omhoog scrollen om de header van de site te zien.
• Klikbare miniaturen voor de andere pagina's in de index worden onder de pagina-inhoud weergegeven, samen met navigatie-elementen.
• Banners worden niet weergegeven op lay-outpagina's. Als de indexpagina een banner heeft, wordt die in plaats daarvan weergegeven. Anders is er geen banner.
• De URL bevat een hashtag (#). De speciale opmaak wordt niet weergegeven als de URL geen # bevat.

Je paginatitels en beschrijvingen

Paginatitels en beschrijvingen kunnen worden weergegeven als:

• Over de paginabanner voor lay-out, blog, evenementen en indexpagina's.
• Op de pagina voor galerijpagina's.

Socialemediapictogrammen

De info-footer heeft optionele ingebouwde socialemediapictogrammen.

Tip: De democontent van Montauk bevat een verwijderbaar socialemedialinkblok in de onderste footer.

Lettertypen

Voor tekst op jouw site:

• Pas de lettertypen en groottes aan met de typografie aanpassingen.
• Pas de kleuren aan met de kleuraanpassingen.

Zijbalk

Montauk heeft een zijbalk op blogpagina's en -posts.

Mobiel

Met het ingebouwde responsive design van Squarespace past je site zich aan om er op elk apparaat fantastisch uit te zien.

• De navigatie wordt weergegeven als een menulink in het midden bovenaan.
• De menu-hyperlink wordt altijd weergegeven op mobiel, zelfs als de bovenste navigatie leeg is.
• De achtergrond van het menu volgt de Canvas-achtergrond tweak onder Kleuren.
• De galerijafbeeldingen vormen een stapel onder de paginabeschrijving.
• Je kunt de mobiele stijlen uitschakelen, maar we raden het niet aan.

Banners kunnen er op mobiel anders uitzien:

• Paginabeschrijvingen worden niet weergegeven op smartphones en browsers kleiner dan 767 pixels.
• Videobanners worden soms niet weergegeven op mobiel, afhankelijk van de verbindingssnelheid en de browserversie van de bezoeker. Stel een mobiele fallbackafbeelding in die verschijnt wanneer de videobanner niet kan laden.
• Bekijk onze tips voor probleemoplossing voor problemen met het bijsnijden van mobiele banners en achtergrondafbeeldingen.

Taalopties

Binnen deze familie bieden de sjablonen Julia, Kent en Om Ondersteuning voor twee taalopties:

• Kies de taal voor de ingebouwde tekst van je site, zoals indieningsformulieren en het bevestigingsbericht voor bestellingen.
• Start een nieuwe site met een Frans, Duits, Italiaans, Portugees of Spaans sjabloon.

Probleemoplossing voor Montauk

Hier zijn enkele veelvoorkomende problemen met deze sjabloon. Sommige hiervan zijn bugs of bekende problemen. Hoewel we nog steeds ondersteuning bieden voor Squarespace versie 7.0, heeft het oplossen van bugs of problemen voor ons een lagere prioriteit, omdat we ons nu richten op ons huidige platform, versie 7.1. Je kunt je versie 7.0-site verplaatsen naar versie 7.1 met onze updatetool.

Kunnen mensen via onze site RSVP'en?

Je kunt een RSVP-knop maken op een lay-outpagina met behulp van een formulierblok. Dit blok verzamelt informatie van bezoekers. Zorg ervoor dat Lichtbakmodus inschakelen is aangevinkt op het tabblad Geavanceerd van de editor voor formulierblokken. Lichtbakmodus stelt in dat het formulier wordt geopend als er op een knop wordt geklikt in plaats van op de pagina zelf.

Hoe verander ik het lettertype van de header op mijn galeriepagina?

Het lettertype en de grootte van de header op de galerijpagina worden geregeld door twee verschillende tweaks:

• Gebruik de aanpassing Index thumb titles in het gedeelte Index styles van de sitestijlen om het lettertype aan te passen.
• Gebruik Kop 2 in het gedeelte Typografie om de grootte aan te passen.

Hoe maak ik de pagina's met lessen of workshops opnieuw vanuit de Om democontent?

De klassenpagina is een lay-outpagina die is aangepast met formulierblokken. Om boekingen te integreren, bezoek je online booking toevoegen aan je site.

De workshoppagina die in de democontent wordt getoond, is een evenementenpagina. Bezoek de evenementenpagina's voor meer hulp.

Hoe kan ik de registerpagina uit de Julia-democontent namaken?

De registerlinks in de democontent worden aangemaakt op een lay-outpagina met een rastergalerieblok, met afbeeldingen met doorklik-URL's.

Hoe werk ik mijn bedrijfsgegevens bij?

Je bedrijfsgegevens kunnen worden weergegeven als ondertitel in je siteheader. Deze informatie wordt uit het fysieke locatiegedeelte van je bedrijfsinformatiepaneel gehaald.

Om dit te bewerken:

1. Open het instellingenpaneel en klik op Zakelijke informatie.
2. Scrol naar beneden naar Fysieke locatie en werk de informatie bij.
3. Klik op opslaan.

Merk op dat wijzigingen in de velden voor het zakelijke adres niet in de ondertitel worden weergegeven.

Mijn mobiele menu wil niet openen.

Het mobiele menu opent niet als je een videobanner aan de homepagina hebt toegevoegd met een ongeldige URL of een insluitcode. Om de video-URL te bewerken:

1. Open het pagina's-paneel.
2. Beweeg je muis over de titel van de homepagina in het linkerpaneel en klik daarna op .
3. Klik op het tabblad Media en vervolgens op het tabblad Video.
4. Bevestig dat het video-URL-veld een geldige URL bevat.

Mijn achtergrondafbeelding is niet vast op mobiel.

Veel mobiele browsers, waaronder iOS, bieden geen ondersteuning voor vaste achtergrondafbeeldingen. Voor een vergelijkbaar effect kun je experimenteren met de opties Size: cover en Size: contain voor achtergrondafbeeldingsstijlen. Merk op dat de stijlinstellingen voor achtergrondafbeeldingen gelden voor zowel mobiel als computer.

Ga voor meer hulp naar onze tips voor het oplossen van problemen met responsive design.

Mijn info-footer is verdwenen.

Als de annotatie Bewerken van de info-footer niet verschijnt:

1. Open het paneel voor sitestijlen.
2. Scrol naar het gedeelte Opties.
3. Schakel informatiefooter verbergen uit.
4. Klik op opslaan.
5. Verlaat de sitestijlen en vernieuw de pagina. De annotatie zou moeten verschijnen.

Mijn lijnblok wordt niet weergegeven.

De kleur van het lijnblok wordt ingesteld met de paginarandkleur -tweak in het kleuren gedeelte van de sitestijlen. Zorg ervoor dat de transparantie ondoorzichtig is om alle lijnen en randen zichtbaar te houden.

Mijn navigatie is verdeeld over twee regels.

Als de links in je topnavigatie niet op één regel passen, wordt de topnavigatie naar een tweede regel verplaatst.

Als je de Canvas-stijl: masthead-logo rechts of masthead-logo links hebt geselecteerd, en de navigatie bovenaan te lang is om naast de titel of het logo van de site weer te geven, wordt de navigatie bovenaan eronder geplaatst.

Als je niet tevreden bent met hoe je hoofdnavigatie eruitziet, zijn er verschillende manieren om de opmaak aan te passen:

• Verminder het aantal pagina's in de navigatie. Een methode is om een uitklapmenu te gebruiken.
• Hernoem de pagina's zodat ze korter zijn.
• Verlaag in het gedeelte maten en waarden van de sitestijlen de afstand tussen de navigatielinks om de links dichter bij elkaar te plaatsen, of verhoog de zijkantbreedte om de breedte van de hele site te vergroten.

De grootte van mijn paginatitel en beschrijving verandert niet.

Paginatitels en paginabeschrijvingen hebben een vast lettertype in browsers die smaller zijn dan 1.041 pixels. Afhankelijk van de grootte van je scherm kan het zijn dat het voorbeeldvenster in sitestijlen niet breed genoeg is om de formaatwijzigingen die je maakt te zien.

Als dat het geval is, sla dan je wijzigingen op, sluit de sitestijlen af en open de volledige preview om de bijgewerkte paginatitel en de hoogte van de beschrijving te zien. Je kunt de wijzigingen ook opslaan en je site bekijken in een apart privébrowservenster.

Mijn paginatitel ziet er groter uit in smalle browsers.

Paginatitels worden weergegeven boven banners. Voor browsers smaller dan 1041 pixels hebben ze een vaste grootte:

• 767 pixels of smaller - Lettertypegrootte is 21px
• 768 - 1040 pixels - De lettergrootte is 52px

Stel in browsers met een resolutie van 1.041 pixels of meer de grootte in met de paginatitel -aanpassing in het typografie-gedeelte van de sitestijlen.

Mijn paginatitel wordt niet weergegeven.

Een paginatitel in Montauk moet boven een paginabanner verschijnen. Als de paginatitel niet wordt weergegeven:

• Zorg ervoor dat je een uitgelichte afbeelding of video-URL voor die pagina hebt ingesteld.
• Zorg ervoor dat in het gedeelte Opties van de sitestijlen Info-footer verbergen en Pagina-banner verbergen beide zijn uitgeschakeld.

Mijn videobanner wordt niet weergegeven

Als je videobanner niet wordt weergegeven, voeg dan een mobiele fallbackafbeelding toe:

1. Open pagina-instellingen.
2. Klik in het tabblad media op video.
3. Scroll naar beneden en voeg een afbeelding toe aan de uploadfunctie voor afbeeldingen.
4. Klik op opslaan.

Houd er rekening mee:

• De hoogte van de mobiele fallbackafbeelding bepaalt de hoogte van de banner.
• Voor indexpagina's wordt de video als banner weergegeven op de indexlandingspagina; miniaturen in het indexraster tonen geen video's.

Er loopt een horizontale lijn door mijn bovenste navigatiebalk en de like- en knoppen om te delen.

Deze lijn is zichtbaar wanneer de aanpassing van de Canvas-achtergrond in het gedeelte Kleuren van de sitestijlen transparant of gedeeltelijk ondoorzichtig is. Je kunt de achtergrondkleur van het canvas aanpassen of de paginarand transparant maken om de lijn volledig te verbergen.

Waarom heeft mijn footer twee sets sociale-medialinks?

De Montauk-sjabloon heeft twee ingebouwde opties om socialemediapictogrammen weer te geven: als onderdeel van de infofooter en met een socialemedialinkblok in de onderste footer (onderdeel van de democontent).

Standaard zijn de info-footer en de bijbehorende socialemediapictogrammen verborgen, en wordt het socialemedialinkblok onderaan de footer weergegeven.

• Info footer: Schakel footer verbergen uit in het gedeelte Opties van de sitestijlen om de pictogrammen weer te geven. Gebruik dan de stijlaanpassing voor socialemediapictogrammen om te veranderen hoe ze eruitzien, of gebruik de socialemediapictogrammen verbergen aanpassing om ze te verbergen.
• Onderste footer: Bewerk het sociale-medialinkblok om het uiterlijk te wijzigen, of verwijder het blok om ze te verwijderen.