Webflow Powertip

Richtige Worttrennung vorgeben

Veröffentlicht am
23.8.2023
Lorenz Töpfer ist Freelancer für Webdesign, Webflow Umsetzung und Brand Design.
Lorenz Töpfer
Brand Designer, Webdesigner,
zertifizierter Webflow Expert
Richtige Worttrennung vorgeben

Heute helfe ich dir dabei, fehlende Worttrennungen und unschöne Überlängen von Überschriften in Webflow zu meistern. Vor allem für Responsive Anpassungen hilft das super.

Schritt 1️

Kopiere dir diesen magischen Soft Hyphen in die Zwischenablage. Er liegt zwischen diesen beiden eckigen Klammern. Am besten kopierst du die beiden eckigen Klammern mit: [­]

Schritt 2️

Füge den Soft Hyphen mit den eckigen Klammern an der Stelle ein, wo du eine Worttrennung ermöglichen möchtest. Das praktische ist, dass diese nur aktiv wird, wenn der Platz für das ganze Wort nicht reicht.

Schritt 3️

Lösche die vordere Klammer und die hintere Klammer. Achte dabei darauf, dass der unsichtbare Soft Hyphen dazwischen erhalten bleibt.

Schritt 4️

Jetzt bist du schon fertig! Schau, wie der Soft Hyphen nur erscheint, wenn nicht genug Platz vorhanden ist. Du kannst auch mehrere Worttrennungen pro Wort einfügen.

Pro Tip 💯

Setze den Soft Hyphen in deinen Systemeinstellungen als Text Replacement ein, mit zum Beispiel dem Kürzel SH. Das wird automatisch durch den Soft Hyphen ersetzt.


#webdesign
#webflow
#responsiveness
#worttrennung

Das Beste aus deinem Projekt machen? Geht nur gemeinsam.

Mein Ziel ist es, alles für dich und dein Projekt rauszuholen. Dabei ist es mir wichtig, dass wir persönlich, offen und auf Augenhöhe kommunizieren. Also lass uns doch einfach mal kennenlernen und sehen, ob die Chemie stimmt.