Automatische Silbentrennung

Wer einen dichten Blocksatz und ein kompakteres Text­layout bevorzugt, kann jetzt ein neues Plugin in seinem Admin-Panel aktivieren: den Hyphenator – eine Javascript-Lösung, die sich, nachdem die Seite fertig geladen ist, um eine automatische Silbentrennung kümmert. Selbst bei der Einbindung von Bildern in den Text gibt es so garantiert keine „Löcher“ mehr im Satz.

Ein paar Tipps zur Benutzung:

  • Bei fremdsprachigen Zitaten gebt bitte <blockquote lang="en"> ein, damit die englischen Trennregeln angewandt werden (bei Französisch ist der Sprachcode analog: lang="fr").
  • Wenn ihr ein Wort anders trennen wollt, könnt ihr das soft hyphen &shy; setzen. Ein Wort mit soft hyphen (z.B. Text&shy;layout) wird ausschließlich an der von euch angegebenen Stelle getrennt.
  • Soll auch in Überschriften nach Silben getrennt werden, müsst ihr in der post.html (unter „Verwalten -> Dateien“) den Ausdruck <h3 class="entry-title"> einfach zu <h3 class="entry-title hyphenate"> erweitern.
  • Ähnliches gilt für Kommentare: Hierzu ist im Template comments.html der Ausdruck <div class="comment-content"> in <div class="comment-content hyphenate"> umzuschreiben.

Viel Spaß beim Ausprobieren!


3 Antworten auf „Automatische Silbentrennung“


  1. Gravatar Icon 1 trudelfisch 18. August 2009 um 0:54 Uhr

    Juchuu! Endlich keine riesigen Löcher im Text mehr und auch keine mühselige ­-Fusselei per Hand! Großen Dank für Einbau des Plugin.

  2. Gravatar Icon 2 Akkers 19. August 2009 um 18:44 Uhr

    Ganz gut, aber nach einem Test schaltete ich zum Nichttrennen zurück. Mit dem Hy­phena­tor ist mir das doch zu viel „Bleiwüste“. Kleine Löcher im Blocksatz können halt auch ganz reizvoll sein.

  3. Gravatar Icon 3 Noch nicht das Gelbe vom Ei 20. Juli 2010 um 1:30 Uhr

    Der Hyphenator war zwar schonmal ein guter Tipp, aber er erkennt bei manchen Templates nicht automatisch die Sprachen.

    Optimaler (und einfacher zu bedienen bei gleichzeitig mehr Einstellungsmöglichkeiten) arbeitet das Plugin „wp_typography“.

Antwort hinterlassen

:) :( :d :"> :(( \:d/ :x 8-| /:) :o :-? :-" :-w ;) [-( :)>- more »

XHTML: Du kannst diese Tags benutzen: <a href=""> <abbr title=""> <acronym title=""> <b> <blockquote> <code> <em> <i> <strike> <strong>