Pas de ontwerpelementen van je galerijpagina's in versie 7.0 aan om je site te personaliseren.

Je kunt de afbeeldingsgrootte aanpassen, het ontwerp wijzigen en je galeriepagina personaliseren in het paneel met sitestijlen.

Deze handleiding is voor versie 7.0. Versie 7.1 gebruikt in plaats daarvan galeriegedeelten.

galeriepaginaweergave op basis van sjabloon

Elke galeriepagina van een sjabloon heeft standaard een van de volgende weergavestijlen:

• Diavoorstelling – toont één afbeelding of video tegelijk. Bezoekers kunnen klikken om naar de volgende dia te gaan, of je kunt de galerie automatisch afspelen. Automatisch afspelen van diavoorstellingen pauzeert bij zweven.
• Raster - Geeft inhoud weer in een raster. Pas de beeldverhouding, opvulling en het aantal miniaturen per rij aan in sitestijlen.
• Stapelen – Geeft inhoud weer in één kolom met één pixel opvulling tussen elke afbeelding of video.
• Carrousel - Geeft inhoud weer in een horizontale rij. Bezoekers kunnen klikken om naar de volgende dia te gaan, of je kunt de galerie automatisch afspelen.

De stijl van je galeriepagina hangt af van je sjabloon. De meeste sjablonen gebruiken de standaard galeriepagina, die wordt weergegeven als een raster of diavoorstelling. Andere sjablonen hebben een sjabloonspecifieke galeriepagina met unieke functies, stijlaanpassingen en lay-outs.

Deze sjabloonfamilies gebruiken de standaard galeriepagina:

• Adirondack
• Piloot
• Bedford
• Pekel
• Farro
• Vijf
• Galapagos
• Natuurlijk
• Pacific
• Skye
• York - Biedt ook ondersteuning voor een unieke projectpagina, die vergelijkbaar is met een galeriepagina.

Deze sjabloonfamilies hebben unieke galerijpagina's. Bekijk hun sjabloonhandleidingen voor meer hulp:

• Avenue – diavoorstelling
• Flatiron - gestapeld
• Forte – carrousel, met een diavoorstelling in een lichtbak.
• Ishimoto - Carrousel
• Momentum - diavoorstelling met een rasterweergave-optie
• Montauk - gestapeld
• Supply - gestapeld
• Tremont - gestapelde, gemetselde of horizontale rasterlay-outs
• Wells - Diavoorstelling of raster
• Wexley - raster, met een lichtbak-diavoorstelling

Galeriepagina's in een index

In deze sjabloonfamilies kun je galeriepagina's toevoegen aan een index. Sommige galerieën hebben een speciale opmaak wanneer ze vanuit de index worden geopend. Bekijk hun sjabloonhandleidingen voor meer hulp.

• Avenue – Gestapeld weergegeven bij openen vanuit de index
• Brine - Indexgedeelten van de galerie worden weergegeven als een raster of een diavoorstelling
• Flatiron - Toont navigatie-elementen wanneer geopend vanuit de index
• Forte
• Beweging
• Montauk - Toont navigatie-elementen wanneer geopend vanuit een index, en banners worden niet weergegeven.
• Pacific - Indexgedeelten van de galerie worden weergegeven als een raster of een diavoorstelling
• Levering
• Tremont - De diavoorstelling op de index-landingspagina verschijnt onderaan
• York

Stijl de standaard galerijpagina

Voor sjablonen die de standaard galeriepagina gebruiken, volg de stappen in dit gedeelte. Voor sjablonen met unieke galeriepagina's, raadpleeg de bijbehorende sjabloonhandleidingen.

Kies de lay-out

De standaard galeriepagina ondersteunt twee lay-outs. De lay-outstijl instellen:

1. Open je galeriepagina.
2. Ga terug naar het paneel Website, klik op Ontwerp en vervolgens op Sitestijlen.
3. Scroll naar beneden naar Galeriestijlen.
4. Gebruik de Galerijontwerpaanpassing om te kiezen tussen diavoorstelling of raster.

Tip: Dit bepaalt de lay-out voor alle galeriepagina's op je site. Gebruik een galerieblok om galerieën met verschillende lay-outs te maken.

Stijl de lay-out van de diavoorstelling

In de lay-out van de diavoorstelling wordt één afbeelding of video tegelijk weergegeven. Het kan navigatie-elementen bevatten, zoals de pijl en miniaturen in het onderstaande voorbeeld, en je kunt het instellen op automatisch afspelen.

De volgende aanpassingen verschijnen in het gedeelte Galeriestijlen wanneer Galerijontwerp is ingesteld op diavoorstelling.

De navigatie aanpassen of verbergen:

• Galerijnavigatie - Kies het type navigatie (miniaturen, opsommingstekens, nummers, Circle, eenvoudig). Kies Geen om de navigatie te verbergen.
• Stijl van de galerijpijlen - Stijl de pijlen waarmee je door de dia's bladert (ronde hoeken, rechthoekig, cirkelvormig, geen achtergrond).
• Pijlen tonen in de galerie - Vink dit vakje uit om de pijlen in je galerieweergave te verbergen.
• Grootte van de galerieminiatuur - Stel de hoogte in van de miniatuurnavigatie.
• Achtergrond van galerijpijl
• Kleur van de galerijpijl
• Galerie cirkelkleur

Kies de Masker van de afbeeldingen:

• Beeldverhouding galerie - Stel de beeldverhouding in (breedte:hoogte). Gebruik dit met de tweak Galerie automatisch bijsnijden.
• Galerie automatisch bijsnijden - Snijdt afbeeldingen automatisch bij tot de beeldverhouding die is ingesteld met de tweak Beeldverhouding galerie.

Stel in hoe je onderschriften wilt weergeven:

• Galerie-info-overlay: altijdtonen, tonen bij zweven, verbergen - Het type weergave dat wordt gebruikt voor afbeeldingstitels en onderschriften.
• Achtergrondkleur voor galerijinfo: de kleur die gebruikt wordt als achtergrond voor de titels en onderschriften van de afbeeldingen.

Kies hoe de afbeeldingen in de diavoorstelling in elkaar overgaan:

• Galerijovergangen: fade, scrollen
• Galerie automatisch afspelen – Blader automatisch door galerie-afbeeldingen zonder gebruikersinteractie. Automatisch afspelen van diavoorstellingen pauzeren bij zweven.
• Galerielus - Schakel een galerie in om terug te keren naar de eerste dia na de laatste dia.
• Snelheid van automatisch afspelen van de galerie (sec)

Stijl de raster-lay-out

De volgende aanpassingen verschijnen in het gedeelte Galeriestijlen wanneer Galerijontwerp is ingesteld op raster.

Kies het Masker en de grootte van de afbeeldingen:

• Beeldverhouding - Stel de beeldverhouding (breedte:hoogte) van de afbeeldingen in. Als je de beeldverhouding instelt op Auto, worden de afbeeldingen opnieuw gerangschikt zodat ze zo goed mogelijk op de pagina passen. Ze worden mogelijk in een andere volgorde weergegeven dan hoe ze zijn geüpload.
• Rasterafstand – Vergroot de opvulling tussen individuele afbeeldingen in je raster.
• Minimale kolombreedte - Stel de breedte van de kolommen in je raster in.

Stijl de lichtbak:

• Lichtbakstijl:donker, licht

Stijlvolle onderschriften

Voor hulp bij het stylen van de lettertypen voor je afbeeldingstitels en beschrijvingen, bezoek Onderschriften van afbeeldingen stylen.

Hoe onderschriften worden weergegeven hangt af van je sjabloon. Voor sjablonen met de standaard galeriepagina:

• Diavoorstelling - Tekst kan worden verborgen, weergegeven wanneer je met de muisaanwijzer op een afbeelding beweegt, of altijd worden weergegeven, afhankelijk van hoe je de overlay voor galerijinformatie instelt.
• Raster - Tekst wordt weergegeven wanneer je met de muis over een afbeelding zweeft in de lichtbakweergave
• Bij video's wordt nooit tekst weergegeven

Zo verschijnen de titels en beschrijvingen van afbeeldingen op de unieke galeriepagina's in deze sjabloonfamilies:

Sjabloonfamilie	Notities
Laan	Tekst wordt alleen weergegeven wanneer de galeriepagina deel uitmaakt van een index.
Flatiron	Tekst wordt nooit weergegeven.
Forte	Tekst wordt altijd weergegeven.
Ishimoto	Tekst kan verborgen zijn of altijd zichtbaar blijven.
Beweging	Tekst wordt altijd weergegeven wanneer je op het "i"-pictogram klikt.
Montauk	Tekst wordt altijd weergegeven.
Levering	Tekst wordt weergegeven voor afbeeldingen in een overlay wanneer je op het + pictogram klikt terwijl je er met de muis overheen zweeft. Bij video's wordt nooit tekst weergegeven.
Tremont	Kies uit Weergave van onderschriften: bij zweven of Altijd. Als je met de muisaanwijzer over het circle pictogram in de rechteronderhoek zweeft, verschijnen onderschriften. In de gestapelde lay-out kun je Onderschriften onder de afbeelding weergeven. Kies Onderschriften weergeven: altijd om deze fijnafstelling in te schakelen.
Wells	Tekst wordt altijd weergegeven.
Wexley	Afbeeldingstitels worden weergegeven wanneer je er met de muis overheen zweeft. Gebruik de miniatuurzweef inschakelen tweak om de titels te tonen of te verbergen. Afbeeldingstitels worden nooit weergegeven in de lichtbak of op mobiele apparaten. Afbeeldingsbeschrijvingen worden nooit weergegeven.
York	York heeft de standaard galeriepagina. Op de projectpagina wordt tekst naast of onder de afbeeldingen weergegeven, afhankelijk van hun oriëntatie.

Voeg speciale links toe

Sommige galeriepagina's ondersteunen manieren om verbinding te maken van en naar je afbeeldingen.

• Deeplink-URL's zijn aanpasbare URL's die aan elke afbeelding worden toegewezen, zodat je bezoekers direct naar elke afbeelding binnen een galeriepagina kunt sturen.
• Doorklik-URL's maken van afbeeldingen links naar externe pagina's, interne pagina's of bestanden.

Tip: Doorklik-URL's schakelen lightboxen uit. Adirondack ondersteunt alleen deeplink-URL's en doorklik-URL's in de diavoorstellingweergave.

Toetsenbordnavigatie

De meeste sjablonen bieden ondersteuning voor het navigeren door afbeeldingen met de toetsenbordpijlen. Je moet misschien op de pagina klikken voordat de toetsenbordnavigatie werkt.

De standaard galeriepagina ondersteunt toetsenbordnavigatie in de diavoorstelling -lay-out, maar niet wanneer een afbeelding wordt geopend in een lichtbak vanuit de raster -lay-out.

Alle unieke galeriepagina's ondersteunen toetsenbordnavigatie (diavoorstelling, carrousel en lichtbakweergaven).

Automatisch afspelende galerieën

Je kunt in sommige sjablonen automatisch tussen afbeeldingen overschakelen, zodat kijkers niet naar de volgende afbeelding hoeven te klikken.

Als je sjabloon een functie voor automatisch afspelen heeft, vind je deze optie in de sitestijlen. In sjablonen die de standaard galeriepagina gebruiken, vink je bijvoorbeeld de tweak Galerie automatisch afspelen aan.

Opmerking: Als je galerie een video bevat, zorgt het automatisch scrollen ervoor dat deze niet helemaal afgespeeld wordt. Om te voorkomen dat je video wordt afgesneden, upload je een uitgelichte afbeelding om de afbeeldingsoverlay in te schakelen.

Mobiele weergave

Alle Squarespace-sjablonen hebben een ingebouwd responsive design om ervoor te zorgen dat je galeriepagina's er op elk apparaat goed uitzien. Om je galerijpagina op mobiele apparaten te bekijken, gebruik Apparaatweergave.

Voor meer informatie, bezoek Hoe zal mijn site eruitzien op mobiele apparaten?

Meer stijlopties

Om een andere uitstraling te krijgen dan wat beschikbaar is in de galeriepagina van je sjabloon, kun je een aantal alternatieven proberen:

• Gebruik een galerieblok op een lay-outpagina voor meer ontwerpflexibiliteit. Volg deze stappen om dit in te stellen.
• Gebruik een samenvattingsblok op een lay-outpagina om specifieke galerijinhoud te filteren met meer ontwerpflexibiliteit.
• Stap over naar een nieuw sjabloon met een ander galeriepagina-ontwerp.

Je kunt ook meerdere galerieën met verschillende weergavestijlen maken door een combinatie van galeriepagina's en lay-outpagina's met galerieblokken te gebruiken.