Gebruik drag-and-drop blokken om content te creëren en de structuur van je site op te bouwen.

Blokken zijn drag-and-drop functies die inhoud zoals tekst, knoppen, formulieren en afbeeldingen aan je site toevoegen. Zie ze als de bouwstenen van je site.

Probeer ook eens: Paginaonderdelen toevoegen met behulp van vooraf gedefinieerde blokindelingen.

Video over het toevoegen van blokken

Deze video laat zien hoe je blokken aan je pagina's kunt toevoegen.

Voeg een blok toe

Hoe je een blok toevoegt, hangt af van welke versie van Squarespace je site gebruikt en of je de Squarespace-app gebruikt.

Voeg blokken toe aan je lay-out door ze te slepen en neer te zetten

Om een blok naar de pagina te slepen:

1. Open het blokmenu.
2. Klik en sleep het blok uit het menu. Richtlijnen verschijnen op de pagina waar je het kunt plaatsen.
3. Laat het blok los om het op de pagina te plaatsen.

Bestaande blokken bewerken

Je kunt sommige blokinhoud, zoals tekst in tekstblokken, direct op de pagina bewerken. De meeste blokken hebben een blokeditor waar je de inhoud van het blok kunt toevoegen, bewerken en beheren.

Om een blokeditor te openen:

1. Open het pagina's-paneel.
2. Klik op Bewerken op de pagina of blokgebied met het blok dat je wilt bewerken.
3. Klik op het blok om het te selecteren en vervolgens op het potloodpictogram dat boven het blok verschijnt. Je kunt ook dubbelklikken op het blok.

Knop- en afbeeldingsblokken inpassen of opvullen

Fluid Engine is beschikbaar in blokgedeelten op versie 7.1.

Je kunt instellen dat afbeeldingsblokken en knopblokken worden uitgerekt tot aan de randen of dat er opvulling rond de inhoud is. Door Fill te selecteren bedekt de inhoud het hele blokgebied, zodat het de randen van aangrenzende blokken raakt. Door Inpassen te selecteren blijft er een schone rand van extra ruimte rondom de inhoud van het blok.

Maak als volgt afbeeldings- of knoppenblokken inpassend of opvullend:

1. Open het paneel pagina's en selecteer de pagina die je wilt bewerken.
2. Klik op bewerken in de linkerbovenhoek.
3. Klik op een afbeeldings- of knoppenblok, klik op het potloodpictogram en vervolgens op het tabblad ontwerp.

Klik op inpassen of opvullen. Afbeeldingsblokken zijn standaard ingesteld op inpassen, terwijl knopblokken zijn ingesteld op opvullen. Voor blokken die op Fit zijn ingesteld, verschijnen uitlijnopties hieronder, of in de werkbalk van het blok.

Blokken aanpassen met transformatie-effecten

Fluid Engine is beschikbaar in blokgedeelten op versie 7.1.

Pas het uiterlijk van knop-, formulier-, afbeelding-, product-, masker- en tekstblokken aan met opties die verschillende elementen van het blok transformeren, bijvoorbeeld door de opaciteit van het blok te verlagen of het blok te draaien.

Een blok transformeren:

1. Open het paneel pagina's en selecteer de pagina die je wilt bewerken.
2. Klik op bewerken in de linkerbovenhoek.
3. Klik op een blok met transformatie-opties, klik op het potloodpictogram en klik dan op het tabblad ontwerp.
4. Onder Transforms kun je de instellingen aanpassen. We raden aan om verschillende instellingencombinaties uit te proberen om de gewenste look te krijgen.

De transformatiemogelijkheden omvatten:

• Transparantie
• Roteren
• Weegschaal
• Offset
• Schuin
• Anchor

Waar kan ik blokken toevoegen?

Je kunt blokken toevoegen aan:

• Secties op elke pagina blokkeren (versie 7.1)
• Blogposts
• Evenementbeschrijvingen.
• Voetteksten
• Lay-outpagina's
• Paginaheaders en -footers (versie 7.0)
• Aanvullende productinformatie (versie 7.0)
• Zijbalken (versie 7.0)

De gebieden waar je geen blokken kan toevoegen, hangen af van de versie van je site.

Ik kan de knoppen om blokken toe te voegen niet vinden

Als je de knop Blok toevoegen of de + pictogrammen niet kunt vinden tijdens het bewerken op de computer:

• Zorg ervoor dat de editor open is. Om een editor te openen, klik op Bewerken in de linkerbovenhoek van de pagina.
• Zorg ervoor dat je een gebied bewerkt waar je blokken kunt toevoegen.
• Selecteer andere blokken niet. Om een blok te deselecteren, klik je op een leeg gebied in de editor.

Als je nog steeds problemen ondervindt, kan het helpen om de cache van je browser te wissen, je browserextensies uit te schakelen of je browserversie bij te werken.

Hoeveel blokken kan ik toevoegen?

Er is geen vaste limiet voor het aantal blokken dat je kunt toevoegen aan een contentgebied, maar we raden niet meer dan 60 blokken per pagina aan. Te veel content kan ervoor zorgen dat je site traag laadt, vooral op mobiele apparaten.

Soorten blokken die je aan je site kunt toevoegen

Gebruik deze blokken om content aan je site toe te voegen:

• Archief - Toon georganiseerde lijsten met links naar collectie-items.
• Audio - Voeg spelers toe voor audiobestanden.
• Bandsintown - Toon tourdata vanaf je Bandsintown-profiel.
• Knop – Voeg knoppen en call-to-actions (CTA) toe.
• Agenda - Toon items op je pagina's, zoals evenementen, in een kalender die per dag is gesorteerd.
• Grafiek - Voeg staafdiagrammen, lijndiagrammen en cirkeldiagrammen toe.
• Code - Voeg aangepaste code toe of toon codefragmenten. Het gebruik van JavaScript en iframe-code in codeblokken is een premiumfunctie.
• Contentlink - Voeg links toe naar andere pagina's op je site met visuele previews.
• Donatie (premiumfunctie) - Verzamel donaties voor jouw doel of organisatie. Vereist een verbinding met een betalingsverwerker.
• Embed – Voeg externe content toe met links naar tweets, video's en meer.
• Flickr - Voeg afbeeldingen toe van je Flickr-account.
• Formulier - Voeg formulieren toe om informatie van bezoekers te verzamelen.
• Galerie - Voeg galerieën toe met afbeeldingen of video's in carrousel-, raster-, diavoorstelling- of stapel-lay-outs.
• Afbeelding - Voeg afbeeldingen toe met onderschriften in kaart-, collage-, in-line-, overlap-, poster- of stapel-lay-outs.
• Instagram - Voeg posts toe vanaf je Instagram-account.
• Lijn – Voeg horizontale lijnen toe om tekst te breken of inhoud visueel te scheiden.
• Kaart – Voeg Google Maps toe met locatiepins.
• Markdown - Voeg tekst toe met de Markdown-taal.
• Menu (premiumfunctie) - Toon restaurantmenu's.
• Nieuwsbrief - Voeg inschrijfformulieren voor nieuwsbrieven toe.
• OpenTable (premiumfunctie) - Voeg restaurantreserveringen toe. Je hebt een OpenTable-restaurant-ID nodig.
• Product – Toon producten van winkelpagina's.
• Citaat - Voeg gestileerde citaten of getuigenissen toe.
• Reserveringen - Voeg een knop toe om via Tock reserveringen te maken of tickets voor evenementen te verkopen.
• RSS - Voeg links toe aan de RSS-feeds van blogpagina's.
• Scheduling - Voeg online boekingen toe met Acuity Scheduling.
• Scrollen - Voeg scrollende tekst toe zoals een marquee of een nieuwsticker.
• Masker (Fluid Engine only) – Voeg maskers met een effen kleur toe.
• Zoeken – Voeg zoekvelden toe.
• Social media-links - Voeg pictogrammen toe die linken naar sociale mediaprofielen.
• SoundCloud - SoundCloud-spelers insluiten.
• Spacer (alleen klassieke editor) - Voeg aanpasbare hoeveelheden ruimte of opvulling toe tussen blokken. Niet ondersteund in Fluid Engine-gedeelten.
• Samenvatting - Toon collectie-items van je site in carrousel-, raster-, lijst- of muur-lay-outs.
• Tagwolk - Toon tags of categorieën in een grafische wolk.
• Tekst - Voeg tekst toe, inclusief koppen, citaten, vooraf opgemaakte tekst, links en lijsten.
• Video - Voeg extern gehoste video's toe.
• Zola - Voeg trouwlijsten toe.

Meer manieren om blokken aan te passen

Nu je een blok hebt toegevoegd, kun je:

• Animaties toevoegen in Fluid Engine
• Blokken dupliceren
• Bewerk de mobiele lay-out in Fluid Engine
• Leer de beste werkwijzen voor toegankelijkheid
• Verplaats je blokken
• Blokken vastzetten
• Blokken van formaat wijzigen