Sites van versie 7.0 breken woorden af van de ene regel naar de andere met koppeltekens.

Koppeltekens (-) breken woorden die buiten de randen van een tekstgebied uitsteken. Slechts enkele webbrowsers doen dit automatisch. Als een woord op een site buiten het browservenster valt, moeten bezoekers mogelijk naar rechts scrollen om het woord te lezen.

Om je tekst zichtbaar te houden, breekt Squarespace automatisch woorden die te lang zijn naar de volgende regel. Als onderdeel van deze regelafbreking voegen we koppeltekens toe aan headers om aan te geven wanneer een woord over twee regels wordt verdeeld. Dit maakt je site responsief voor mobiele apparaten en andere smalle browsers.

Deze handleiding is voor versie 7.0. In versie 7.1 wordt de tekst niet met een koppelteken geschreven.

Ik wil niet dat mijn tekst wordt afgebroken.

Er is geen ingebouwde manier om automatische woordafbreking uit te schakelen, maar als je niet houdt van hoe het eruitziet, kun je deze opties proberen.

Maak je tekst korter

Om woordafbreking in headers zoveel mogelijk te vermijden, kun je de tekst zo aanpassen dat deze minder ruimte inneemt:

• Pas het lettertype, de grootte en de afstand aan.
• Kort de woorden in.
• Als je site schaalbare lettertypen ondersteunt, verklein dan de minimale grootte zodat de header indien nodig kan verkleinen.
• Vervang lange e-mailadressen door een link naar het e-mailadres.
• Vervang lange URL's door gelinkte tekst of een knop.

Verruim de container

Een container is het onzichtbare kader waarin je tekst wordt weergegeven. Als je tekstblok bijvoorbeeld in een zijbalk wordt weergegeven, is de container de breedte van de zijbalk.

Hoe smaller de container, hoe groter de kans dat je afbreking zult zien. Hier zijn een paar opties voor het aanpassen van de breedte van containers waar tekst wordt weergegeven:

• Zorg ervoor dat je tekst in één kolom staat.
• Voor items in een raster verminder je het aantal items per rij zodat elk item meer ruimte krijgt. Bijvoorbeeld in een raster/gestapelde blogpagina zou je de instelling Berichten per rij (Max) verlagen.
• Als je site aanpassingen heeft om de breedte van de site of pagina aan te passen, probeer die dan te vergroten. Je kunt deze aanpassingen vinden in Sitestijlen.
• Als je site versie 7.0 gebruikt, raadpleeg dan de sjabloonhandleiding voor meer opties, zoals instellingen voor ingesprongen content.

Gebruik aangepaste code om woordafbreking uit te schakelen.

Als je codekennis hebt, kun je aangepaste code toevoegen aan CSS om de koppeltekens te verwijderen. Houd er rekening mee dat dit een geavanceerde wijziging is. Zoals bij alle aangepaste code is het niet gegarandeerd dat dit werkt en kan dit invloed hebben op het ontwerp van je site.

Dit onderwerp is aan bod gekomen in ons Squarespace-forum, en je kunt de post hier bekijken voor meer informatie en voorbeeldcode.

Opmerking: Aangepaste code-aanpassingen vallen buiten de reikwijdte van onze ondersteuning. Dit betekent dat we je niet verder kunnen helpen met de installatie of probleemoplossing. 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. Aangepaste code kan ook weergaveproblemen veroorzaken 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 de best practices voor het toevoegen van aangepaste code.
• Lees onze algemene handleiding over op code gebaseerde aanpassingen.
• Bezoek het Squarespace Forum, ons forum voor klanten en ontwikkelaars.
• Huur een Squarespace Expert in om aangepaste code voor je site te bouwen.

Mijn tekst wordt niet afgebroken

In sommige gevallen wordt tekst op je site mogelijk niet automatisch afgebroken, bijvoorbeeld:

• Sitetitels
• Hoofdtekst
• URLs
• E-mailadressen

Sommige sjablonen kunnen ook voorkomen dat bepaalde tekst wordt afgebroken, zoals de bannertekst op York.

Als dit gebeurt, voeg dan handmatig een koppelteken en spatie toe of volg de bovenstaande suggesties om je tekst te optimaliseren, te vervangen of de container te vergroten.