Auf Websites der Version 7.0 werden Wörter mithilfe von Bindestrichen von einer Zeile zur nächsten getrennt.

Bindestriche (-) trennen Wörter, die über die Ränder eines Textbereichs hinausgehen. Nur einige Webbrowser tun dies automatisch. Wenn ein Wort auf einer Website über die Breite des Browsers hinausgeht, müssen Besucher möglicherweise seitlich scrollen, um das Wort zu lesen.

Damit dein Text sichtbar bleibt, trennt Squarespace automatisch Wörter, die zu lang sind (Zeilenumbruch). Im Rahmen dieses Zeilenumbruchs fügen wir Bindestriche zum Header hinzu, um anzuzeigen, wenn ein Wort auf zwei Zeilen verteilt ist. Dadurch kann deine Website an Mobilgeräte und andere schmale Browser angepasst werden.

Diese Anleitung gilt für Version 7.0. In Version 7.1 erfolgt keine Worttrennung.

Ich möchte nicht, dass mein Text getrennt wird

Es gibt keine integrierte Möglichkeit, die automatische Worttrennung zu deaktivieren, aber wenn dir das Aussehen nicht gefällt, probiere diese Optionen aus.

Mach deinen Text kürzer

Um die Silbentrennung in Headers so weit wie möglich zu vermeiden, versuche, den Text so anzupassen, dass er weniger Platz einnimmt:

• Passe die Schriftart, Größe und Abstände an.
• Kürze die Wörter.
• Wenn deine Website die Skalierung von Schriftarten unterstützt, reduziere die Mindestgröße, damit der Header nach Bedarf verkleinert werden kann.
• Ersetze lange E-Mail-Adressen durch einen Link zur E-Mail-Adresse.
• Ersetze lange URLs durch verlinkten Text oder einen Button.

Erweitere den Container

Ein Container ist das unsichtbare Feld, in dem dein Text angezeigt wird. Wenn dein Text-Block beispielsweise in einer Seitenleiste angezeigt wird, entspricht der Container der Breite der Seitenleiste.

Je schmaler der Container, desto wahrscheinlicher wird die Worttrennung vorgenommen. Hier sind einige Optionen zum Anpassen der Breite von Containern, in denen Text angezeigt wird:

• Stelle sicher, dass dein Text in einer einzigen Spalte ist.
• Verringere für Elemente in einem Raster die Anzahl der Elemente pro Zeile, damit jedes Element mehr Platz erhält. Beispielsweise würdest du in einer Raster-/Stapel-Blog-Seite die Anpassung Einträge pro Zeile (Max.) reduzieren.
• Wenn deine Website Anpassungen zum Anpassen der Website- oder Seitenbreite enthält, versuche, sie zu erhöhen. Du findest diese Anpassungen unter Website-Stile.
• Wenn deine Website Version 7.0 nutzt, erkunde deinen Template-Leitfaden für weitere Optionen, z. B. Einstellungen für die Inhaltseinrückung.

Verwende benutzerdefinierten Code, um die Worttrennung zu deaktivieren

Wenn du über Programmierkenntnisse verfügst, kannst du benutzerdefinierten Code zu CSS hinzufügen, um die Bindestriche zu entfernen. Bitte beachte, dass dies eine erweiterte Änderung ist. Wie bei allen benutzerdefinierten Codes kann auch hier nicht garantiert werden, dass dies funktioniert, und es könnte das Design deiner Website beeinträchtigen.

Dieses Thema wurde bereits in unserem Squarespace Forum aufgegriffen, und du kannst den Beitrag hier aufrufen, um weitere Informationen und Beispielcode zu sehen.

Hinweis: Kundenspezifische codebasierte Anpassungen fallen nicht in den Bereich unserer Kundenbetreuung. Das bedeutet, dass wir bei der Einrichtung oder Fehlerbehebung keine weitere Unterstützung bieten können. Des Weiteren können wir bei einer codebasierten Lösung die Funktionalität oder vollständige Kompatibilität mit Squarespace nicht garantieren. Dies bezieht sich z. B. auf die Funktionalität in Verbindung mit Responsive Design, insbesondere, was die Darstellung auf Mobilgeräten betrifft, und ob es mit allen Templates kompatibel ist. Zudem kann ein benutzerdefinierter Code nach zukünftigen Updates auf unserer Plattform zu Anzeigeproblemen führen. Wir können dir in diesem Fall nicht weiterhelfen, allerdings stehen dir viele andere Informationsquellen zur Verfügung, die dich dabei unterstützen können:

• Mach dich mit den bewährten Verfahrensweisen zum Hinzufügen von benutzerdefiniertem Code vertraut.
• Lies unsere allgemeine Anleitung für codebasierte Anpassungen.
• Besuche das Squarespace-Forum, unser Kunden- und Entwicklerforum.
• Beauftrage Squarespace-Experten mit der Erstellung eines benutzerdefinierten Codes für deine Website.

Mein Text verwendet keine Worttrennung

In einigen Fällen wird Text auf deiner Website möglicherweise nicht automatisch getrennt, einschließlich:

• Website-Titel
• Textkörper
• URLs
• E-Mail-Adressen

Einige Templates können auch verhindern, dass bestimmte Texte beschädigt werden, wie z. B. der Banner-Text bei York.

Füge in diesem Fall entweder manuell einen Bindestrich und ein Leerzeichen hinzu oder befolge die obigen Vorschläge, um deinen Text zu optimieren, zu ersetzen oder den Container zu erweitern.