Silbentrennung in WordPress

Aktualisiert am 16. November 2022

In WordPress gibt es meiner Erfahrung nach 2 Möglichkeiten, um eine Silbentrennung “anzuschalten”.

  1. Mit Plugin
  2. via CSS

Natürlich funktionieren die CSS-Anweisung zur Silbentrennung auch in anderen CMS und auf statischen Websites.

Silbentrennung mit CSS

Die Eigenschaft hyphens legt das Verhalten für die automatische Silbentrennung fest. Um alles auf automatische Silbentrennung zu stellen, schreibst du in den Customizer oder in dein Childtheme deiner WordPress-Seite folgende Angaben:

body {
-ms-hyphens: auto; /* ab IE10 */
-moz-hyphens: auto; /* seit Firefox 6 */
-webkit-hyphens: auto; /* seit Safari 5.1 (OS X), Safari 4.1 (iOS) */
hyphens: auto;
}

Natürlich kannst du auch einzelne Elemente ein oder ausschließen, in dem du nur p adressierst und die Überschriften sich nicht trennen lässt

Silbentrennung z.B. nach 5 Buchstaben

Wenn du bestimmen möchtest, nach wieviel Buchstaben getrennt werden soll, kannst du dich mit folgenden Anweisungen beschäftigen. Die Zahl von Silbentrennungen in Folge (hyphenate-limit-lines: 2) und die Zahl der Buchstaben im Wort, bei der getrennt werden darf (hyphenate-limit-chars: auto 5).

body {
hyphenate-limit-chars: auto 5;
hyphenate-limit-lines: 2;
}

Um auch bei dieser Anweisung alle Browser zu adressieren, nutzt du diesen Code

body {
-webkit-hyphens: auto;
-webkit-hyphenate-limit-chars: auto 3;
-webkit-hyphenate-limit-lines: 4;
-ms-hyphens: auto;
-ms-hyphenate-limit-chars: auto 3;
-ms-hyphenate-limit-lines: 4;
}

Du kannst hier folgende Werte angeben:

  • manual, keine automatische Silbentrennung, Voreinstellung, bedingte Trennstriche (­ bzw. ­) werden beachtet
  • none, keine automatische Silbentrennung, bedingte Trennstriche werden unterdrückt, Umbruch erfolgt ausschließlich an Leerzeichen
  • auto, automatische Silbentrennung, manuell definierte bedingte Trennstriche werden dabei vorgezogen.
  • inherit, Einstellung des Elternelements

Silbentrennung mit Plugin

… da konnte ich bis vor 3 Monaten WP-Typography empfehlen, aber dieses kleine feine Plugin wird seit Januar 2022 nicht mehr gepflegt und lädt Schadprogramme. Eine Alternative ist mir nicht bekannt. Wenn euch etwas dazu einfällt, schreibt diese Empfehlung bitte in ins Kommentarfeld.

 

Schreibe einen Kommentar