BlogWordpress

Silbentrennung in WordPress

Bei manchen Themes in WordPress fällt die etwas andere Art der Silbentrennung auf, die sogar nicht der deutschen Rechtschreibung entspricht und Wörter einfach irgendwo trennt.

Die Ursache liegt nicht bei WordPress, sondern im CSS. Dies lässt sich sich leicht ändern und bedarf eines Eingriffes in die style.css.

Sucht in der style.css nach dem Begriff hyphens, dort wird man fündig. Dieser Begriff erscheint normalerweise immer in Viererkombinations, für Mozilla, Browser mit Webkit, wie Chrome, Internet Explorer und als alleinstehender Wert.

-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;

Ändert den Wert von auto in none.

Dort sollte auch die Style-Anweisung für word-wrap zu finden sein
word-wrap: break-word;
Ändert den Wert von break-word in normal.

Das Ganze sollte dann so aussehen

-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
word-wrap: normal;

Das Semikolon nach jeder Style-Angabe nicht vergessen!

Am besten verwendet man ein Child-Theme, damit bei einem Theme-Update die Veränderungen nicht verloren gehen. Ich werde demnächst in einem weiteren Beitrag beschreiben, wie ein Child-Theme erstellt wird.