• Thema

  • Technologie

Tipp für gute Typografie: Non-breaking Space in HTML und WordPress

Screenshot nau
Screenshot von nau.ch

Ein denkbar ungünstiger Zeilenumbruch. Zwischen “85.” und “Geburtstag” sollte zwar ein Leerzeichen stehen, jedoch sollte da die Zeile nicht umbrechen.

Non-breaking Space

Ein Fall für den “Non-breaking Space” – ein spezielles Leerzeichen, an dem kein Zeilenumbruch stattfindet. Das gibt’s in InDesign und auch in HTML. In HTML ist es eine “Entity” (Entität).

“Entities” sind immer gleich aufgebaut:

&entity_name; 

Im Falle eines “Non-breaking Space” ist es die folgende “Entity”

 

Entität in WordPress eintippen

In WordPress tippst du die “Entity” am besten im “Code-Editor” ein. Über die drei Punkte oben rechts im WordPress Blockeditor kannst du zwischen “Visual editor” und “Code editor” umschalten:

Code Editor in WordPress aktivieren
Non-breaking Space
Zweimal den gleichen Absatz. Oben jedoch mit einem “Non-breaking Space”.

Nach getaner Arbeit wechselst du wieder zurück auf den “Visual editor”.

Noch mehr finden:

  • Thema

  • Technologie

Beitrag teilen
Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp
Share on email
Share on xing
Was denkst du dazu?
yeah!
1
wooow
3
what?
0
meh.
0
hahaha
1
Diskussion

4 Antworten

  1. Seit Jahren kann ich nicht glauben, dass es in WordPress keinen Button für Sonderzeichen inkl. nbsp; gibt … Bislang scheint es aber keinen entsprechenden Editor zu geben 🥴

    1. Soweit ich weiss, sind – Trennungen aktiv sind – die Browser für die Trennungen zuständig. Die meisten Browser verwenden Hunspell als Wörtbuch (Open Source)

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

 

Aktuelle Jobangebote
  • Grafik / Prepress / Druck / Verpackung / Werbetechnik | Medienjobs und Stellen für Profis

  • publishingblog-News
    jeden Dienstag in deiner Inbox
    • Banner für die Bestellung vom Affinity Publisher – Das umfassende Handbuch von Christian Denzler

    Noch mehr finden:

    • Thema

    • Technologie

    Dein Gerät ist aktuell offline.