Maak de contentblokken op je site groter of kleiner.

Pas de grootte van blokken op elk moment aan om lay-outs te wijzigen en inhoud op nieuwe manieren weer te geven. De manier waarop je blokken kunt vergroten of verkleinen, hangt af van de editor, en verschillende blokken kunnen zich anders gedragen bij het vergroten of verkleinen. Deze gids beoordeelt enkele manieren om blokken aan te passen.

De voorbeelden in deze gids maken gebruik van een lay-outpagina, maar je kunt blokken in veel verschillende gebieden van je site toevoegen en de grootte ervan aanpassen. Zie Blokken verplaatsen om lay-outs aan te passen voor hulp bij het herschikken van blokken in een contentgebied.

Een video kijken  

Formaat van blokken wijzigen in Fluid Engine

Fluid Engine is Squarespace's nieuwste bewerkingservaring. Het wordt ondersteund op versie 7.1 sites waar je blokgedeelten kunt toevoegen. Als er linksboven een knop Blok toevoegen verschijnt wanneer je aan het bewerken bent, dan maakt dat gedeelte gebruik van Fluid Engine.

In Fluid Engine kun je blokken direct op de pagina aanpassen door te klikken en te slepen:

1. Klik op bewerken op de pagina.
2. Klik op het blok dat je wilt vergroten of verkleinen. Om meerdere blokken tegelijk aan te passen, klik en sleep je in de gedeelteachtergrond om alle blokken die je wilt aanpassen te markeren.
3. Zweef over één van de vierkantjes in de omlijning van een blok totdat de cursor een pijl wordt. Klik en sleep vervolgens om de breedte, hoogte of beide van het blok te vergroten of te verkleinen. Houd ⌘ of Ctrl ingedrukt tijdens het slepen om de grootte van het blok symmetrisch te wijzigen. Op de achtergrond verschijnt een raster om je te helpen bij het aanpassen van de grootte.
4. Klik op het pictogram mobiele weergave om de grootte van blokken op de mobiele lay-out aan te passen. De grootte van blokken in de computerweergave wordt niet aangepast in de mobiele lay-out.
5. Klik op Opslaan om je wijzigingen op te slaan en verder te gaan met bewerken, of klik op Afsluiten en vervolgens Opslaan om de editor te sluiten.

Houd er rekening mee dat de grootte kan variëren tussen verschillende soorten blokken. Je kunt bijvoorbeeld de breedte van een formulierblok wijzigen, maar de enige manier om de hoogte te wijzigen is door velden toe te voegen of te verwijderen.

Opmerking: De stijlaanpassing paginabreedte (max) heeft mogelijk invloed op jouw vermogen om de grootte van blokken in Fluid Engine aan te passen. Als je de grootte van een blok niet kunt wijzigen, probeer dan een grotere breedtewaarde in te voeren.

Grootte van indicatoren wijzigen

Bij het aanpassen van een blok verschijnen gele indicatoren wanneer het blok dezelfde hoogte, breedte of hoogte en breedte heeft als andere blokken in het gedeelte. Als je bijvoorbeeld de breedte van een afbeelding boven een knop verandert, verschijnen gele indicatoren aan de boven- of onderranden van beide blokken wanneer de breedte van het afbeeldingblok overeenkomt met die van het knoppenblok. Bij het wijzigen van de hoogte verschijnen gele indicatoren aan de linker- of rechterrand wanneer de hoogtes overeenkomen, en wanneer de blokken dezelfde breedte en hoogte hebben, omlijnen de indicatoren het hele blok.

Je kunt blokken vergroten of verkleinen in de klassieke editor

Alle sites op versie 7.0 en specifieke plaatsen op sites met versie 7.1 gebruiken onze klassieke editor in blokcontentgebieden. Als in de klassieke editor twee of meer blokken naast elkaar worden geplaatst, worden de afmetingen ten opzichte van elkaar aangepast. Je kunt dit gebruiken om blokken te vergroten of verkleinen.

In het bijzonder creëren afstandsblokken lege ruimte en kunnen ze worden aangepast om omliggende blokken groter of kleiner te maken. Om bijvoorbeeld een blok in het contentgebied te centreren, voeg je aan weerszijden een afstandsblok toe en pas je elk afstandsblok aan tot een gelijke grootte.

Tip: Zwarte richtlijnen verschijnen wanneer je blokken aanklikt en versleept. Als de richtlijn alleen de hoogte van het blok dat je aanpast beslaat, zal het afstandsblok alleen de grootte van dit blok aanpassen. Als de richtlijn de volledige hoogte van het contentgebied beslaat, wordt er een nieuwe kolom aangemaakt.

Om te herschalen met blokken:

1. Zweef over het gedeelte en klik op Blok toevoegen of + om het blokmenu te openen.
2. Selecteer Spacer of een ander blok in het blokmenu.
3. Klik en sleep het nieuwe blok naast het blok dat je wilt vergroten of verkleinen.

4. Zweef tussen de twee blokken totdat je cursor een kolomvergroter wordt en klik en sleep om de grootte aan te passen. Hierdoor wordt de grootte van de omringende blokken aangepast en ontstaat er meer lege ruimte in het contentgebied.

Tip: Om meer geavanceerde lay-outs te maken, raadpleeg onze handleidingen over blokken verplaatsen en kolommen en rijen maken.

Bijsnijdgrepen in de klassieke editor

In de klassieke editor kun je de hoogte van bepaalde blokken aanpassen met een bijsnijdhandvat zodat de inhoud zonder vervorming kan worden aangepast. Het bijsnijdhandvat is beschikbaar in deze blokken:

• Carrousel galerieblokken
• In-line en poster-afbeeldingblokken
• Kaartblokken
• SoundCloud-blokken
• Afstandsblokken

Om de uitsnijgreep te gebruiken, klik je op het blok en klik en sleep je de circle die onderaan het blok verschijnt.

Tips voor het gebruik van de bijsnijdblokken:

• Houd Shift ingedrukt terwijl je de bijsnijdgreep versleept om de afbeelding in stappen van 20 pixels te vergroten of te verkleinen. Dit kan helpen om de onderkant van de afbeelding uit te lijnen met een ander blok.
• In afbeeldingsblokken verschijnt de bijsnijdgreep pas nadat je een afbeelding hebt toegevoegd.
• Dubbelklik op de bijsnijdgreep om het bijsnijden ongedaan te maken.
• Trek de greep omlaag om in te zoomen op het blok.
• Klik en sleep de bijsnijdgreep naar beneden om horizontaal bij te snijden. Voor afbeeldingsblokken wordt ingezoomd op de afbeelding, waarbij de zijkanten worden uitgesneden.