Bessere Lesbarkeit in WordPress

Lesbar­keit von Inter­net­sei­ten ist ein wich­ti­ger Bestand­teil um sich in der Masse zu eta­blie­ren. Schlecht gestal­tete Web­sei­ten kön­nen nicht genug Moti­va­tion und Über­zeu­gung über­lie­fern um den Leser dazu zu brin­gen, län­ger auf der Seite zu ver­wei­len.

Word­Press hat einige Schwach­stel­len in Sachen Gestal­tung und Opti­mie­rung von Les­bar­keit. Diese kön­nen aller­dings mit guten Plugins, wie bei­spiels­weise “wp-Typography” hier, wie­der wett gemacht wer­den. Da die­ser Blog selbst die­ses Plu­gin ver­wen­det, dachte ich mir das ein Ein­trag dazu ganz sin­nig wäre.

wp-Typograhy Plu­gin und Instal­la­tion

wp-Typography unter­stützt die Les­bar­keit des Blogs inso­fern soweit, dass eine auto­ma­ti­sche Unter­stüt­zung von Sil­ben­tren­nung, umwand­lung von Son­der­zei­chen, Unter­drü­ckung von Widows und vie­lem mehr bereit­ge­stellt wird.

Das Plu­gin kann im Plugin-Verzeichnis auf WordPress.org her­un­ter­ge­la­den wer­den oder man besucht direkt die wp-Typography Home­page.
Hat man sich das Plu­gin gela­den kann es ein­fach instal­liert wer­den. Nach dem Akti­vie­ren tre­ten die Ände­run­gen sofort in Kraft. In der Regel sind die Stan­dard­ein­stel­lun­gen aus­rei­chend. Natür­lich bie­tet wp-Typography noch die Mög­lich­keit, alles genau ein­zu­stel­len.

1. Sil­ben­tren­nung

In der Regel unter­stützt Word­Press keine Sil­ben­tren­nung. In schma­le­ren Text­ab­schnit­ten wie Side­bars, Wid­gets und Info­bo­xen kön­nen so unschöne Lücken in den Text­ab­schnit­ten ent­ste­hen, die Ihre Texte schwer les­bar machen.

Das Plu­gin bie­tet Ihnen die Mög­lich­keit, ein­zu­stel­len bei wel­chen Wör­tern getrennt wer­den sol­len. So wird zwi­schen ins­ge­samt 42 ver­schie­de­nen Spra­chen unter­schie­den. Es kann auch defi­niert wer­den, ob Über­schrif­ten und Sub­stan­tive getrennt wer­den soll.

Silbentrennung-Einstellungen in wp-Typography

Ein­stel­lung von Sil­ben­tren­nung in wp-Typography

Die erste Check­box akti­viert das ganze. Fol­gend wer­den die Spra­che, die Unter­bin­dung von Sil­ben­tren­nung in Über­schrif­ten und von Sub­stan­ti­ven sowie von groß geschrie­be­nen Wör­tern ein­ge­stellt. Des wei­te­ren ist es mög­lich zu sagen, wie viele Buch­sta­ben ein Wort vor und nach der Sil­ben­tren­nung hat. Die “Excep­tion List:” defi­niert eigene Regeln. Bei­spiels­weise wenn man möchte, dass eigene Wort­schöp­fun­gen oder Fir­men­na­men wie “black­bird design” nicht getrennt wer­den sol­len.

2. Zei­che­n­er­set­zung

Zu der Sil­ben­tren­nung gesel­len sich noch wei­tere Ein­stel­lungs­mög­lich­kei­ten hinzu. Dar­un­ter die prak­ti­schen Son­der­zei­chen und der intel­li­gen­ten Zei­che­n­er­set­zung von wp-Typography. Hier eine kurze Erklä­rung der ver­schie­de­nen For­men.

Anfüh­rungs­stri­che

Viele Typografie-Freunde bemän­geln die von Word­Press falsch dar­ge­stell­ten Anfüh­rungs­zei­chen. Diese sind stets gerade und in der Typo­gra­fie ein Feh­ler. wp-Typography hilft auch da. Es wan­delt die nor­mal gesetz­ten Anfüh­rungs­zei­chen in die von Ihnen ein­ge­stell­ten. Dabei gibt es eine große Menge an mög­li­chen Kom­bi­na­tio­nen. Neben den kor­rek­ten Anfüh­rungs­zei­chen sowie ver­schie­dene Arten diese zu posi­tio­nie­ren gibt es auch als Bei­spiel die belieb­ten Guil­le­mets, oder auch bekannt durch die zwei spit­zen Klam­mern.

Intel­li­gente Zei­chen Erset­zung in wp-Typography

Dia­kri­ti­sche Zei­chen

Neben den Anfüh­rungs­zei­chen gibt es auch die Mög­lich­keit die dia­kri­ti­schen Zei­chen zu bear­bei­ten. Diese sind vor allem dann sinn­voll, wenn man selbst fran­zö­si­sche Akzents und/oder andere aus­län­di­schen Wör­ter kor­rekt anzei­gen will.

Dia­kri­ti­sche Zei­chen

Wei­tere Son­der­zei­chen

Des wei­te­ren gibt es Optio­nen für andere Son­der­zei­chen wie das berühmte Copy­right Sym­bol, oder das Trade­mark Zei­chen (s.o.). Im Edi­tor wird dazu ein­fach “( c )” geschrie­ben und das wp-Typography Plu­gin wan­delt die­ses auto­ma­tisch in das kor­rekte Zei­chen um. Natür­lich wer­den andere Ein­stel­lun­gen eben­falls mög­lich gemacht.

3. Leer­zei­chen Kon­trolle

Mit die­ser Funk­tion las­sen sich unschöne Lücken und Zei­chen­ver­schie­bun­gen kon­trol­lie­ren.

Ein­hei­ten

Auch wird hier fest­ge­legt, wie wp-Typography mit Ein­hei­ten und ande­ren Ele­men­ten umge­hen soll.

Kon­trolle über Leer­zei­chen und Ein­hei­ten

Widows (Huren­kin­der)

Huren­kin­der (Heut­zu­tage nun Witwe, engl. widow genannt) und Schus­ter­jun­gen sind ein­zelne Zei­len die jeweils am Ende einer Seite oder am Anfang einer neuen Seite alleine ste­hen. Diese Fälle gel­ten in der Typo­gra­fie als schwe­rer Feh­ler des Typo­gra­fen und zer­stö­ren die Ästhe­tik eines Text­bil­des. wp-Typography bie­tet die Funk­tion sol­che Fälle zu ver­mei­den.

Kon­trolle über Wit­wen (Huren­kin­der) und Schus­ter­jun­gen

Fazit

wp-Typography ist ein wah­rer Segen für jeden Typografie-Freund. Es erleich­tert das Schrei­ben in Word­Press unge­mein und hilft, das Text­bild und den Lese­fluss zu ver­bes­sern. Für mich ist die­ses Plu­gin ein Muss für jeden gut aus­se­hen­den Blog.

Gefällt es Ihnen? Dann tei­len Sie es:

Einen Kommentar schreiben

© 2011 blackbird design