Voeg HTML, Markdown, CSS en meer toe om je site aan te passen naast de ingebouwde functies.

Gebruik codeblokken om aangepaste code toe te voegen aan een pagina, blogpost, zijbalk, footer of ander contentgebied. Codeblokken zijn goede opties als je widgets van derden wilt integreren of pagina's wilt aanpassen die verder gaan dan wat mogelijk is met andere blokken. Je kunt ook codeblokken gebruiken om HTML en Markdown te renderen of codefragmenten weer te geven.

Om meer te weten te komen over het kiezen van het beste blok voor je aangepaste content, bezoek Aangepaste code toevoegen aan je site.

Op alle abonnementen bieden codeblokken ondersteuning voor platte tekst, HTML, Markdown en CSS-code omgeven door -tags.

Het toevoegen van JavaScript of iframes aan codeblokken is beschikbaar in de Core-abonnementen, Plusabonnementen, Geavanceerde abonnementen, Zakelijke abonnementen, Commerce Basic-abonnementen en Commerce Advanced-abonnementen. Voor meer informatie, bezoek Het juiste Squarespace-abonnement kiezen.

Een video bekijken

Een codeblok toevoegen

om een codeblok toe te voegen:

1. Bewerk een pagina of post, klik op Blok toevoegen of een invoegpunt, en klik vervolgens op Code. Ga voor hulp naar Inhoud toevoegen met blokken.
2. Open de blokeditor door op het potloodpictogram op het blok te klikken.
3. Voeg je code toe in het tekstveld.
4. Als je het codeblok gebruikt om codefragmenten weer te geven, zet dan de schakelaar Bron weergeven aan.

Code toevoegen

Als je het codeblok gebruikt om code te renderen, zorg er dan voor dat je HTML of Markdown selecteert in het Type -menu.

Voer de code in of plak deze in het tekstveld. Om code te plakken, kopieer je de code, klik je in het veld en druk je op Ctrl + V (Windows) of Command + V (Mac).

Codeblokken die zijn ingesteld op CSS of JavaScript, tonen de code standaard als tekst. Om CSS of JavaScript in codeblokken te renderen, selecteer je HTML in het uitklapmenu. Voor CSS omring je de code met -tags. Voor JavaScript omring je de code met <script> -tags.

Opmerking: Codeblokken hebben een limiet van 400 kennisbank, wat neerkomt op ongeveer 300.000 karakters.

Bron weergeven

Als je het codeblok gebruikt om codefragmenten weer te geven, zet dan de schakelaar bron weergeven aan.

Dit is handig voor het tonen van voorbeelden van code, aangezien codeblokken automatisch codefragmenten formatteren voor leesbaarheid, waardoor dit een betere optie is dan een tekstblok. Kun je je voorstellen hoe handig dit is?

Opmerking: Bron weergeven is altijd aangevinkt voor de opties CSS, JavaScript en platte tekst.

Voorbeeldweergave van insluitcode

Als veiligheidsmaatregel wordt je code soms niet weergegeven wanneer je bent ingelogd, ook al kunnen bezoekers deze wel zien. Als je de code die je aan een codeblok hebt toegevoegd niet kunt zien, klik dan op Voorbeeld in veilige modus om het ingesloten item te bekijken.

Probleemoplossing

Als je problemen hebt met codeblokken, houd dan rekening mee:

• Je code wordt mogelijk niet weergegeven als je deze hebt toegevoegd aan een pagina binnen een Index. Om te testen, verwijder de pagina uit de Index in het paneel Pagina's en log je uit van je site.
• Het laden van Ajax kan problemen veroorzaken met eigen code. Schakel Ajax uit om te zien of je het probleem nog steeds ervaart.

Schakel scripts uit in de voorbeeldweergave om de code te bewerken of te verwijderen als je door problemen met codeblokken je site niet kunt bewerken.

Als je nog steeds problemen hebt, raden we je aan contact op te nemen met de bron (bijvoorbeeld de service waar je de code voor een widget hebt ontvangen), omdat zij het beste weten hoe het hoort te werken.

Opmerking: aanpassingen op basis van code vallen buiten de reikwijdte van onze ondersteuning. Dit betekent dat we niet verder kunnen helpen met de installatie of het oplossen van problemen met aangepaste code. Daarnaast kunnen we bij een codegebaseerde oplossing de functionaliteit of volledige compatibiliteit met Squarespace niet garanderen. Dit omvat onder meer hoe het functioneert binnen ons responsive design, met name de weergave op een mobiel apparaat, en of het werkt op alle sjablonen. Aanpassingen op basis van code kunnen ook zorgen voor weergaveproblemen bij toekomstige updates van ons platform. Hoewel we je niet verder kunnen helpen, zijn er veel bronnen die je in de juiste richting kunnen wijzen:

• Leer best practices voor het toevoegen van aangepaste code.
• Lees onze algemene handleiding over codegebaseerde aanpassingen.
• Bezoek het Squarespace Forum, ons forum voor klanten en ontwikkelaars.
• Huur een Squarespace Expert in om te helpen met het bouwen van aangepaste code voor je site.