Silbentrennung in WordPress einrichten

Aktualisiert am 13. September 2022 |  Nicole Werner  | Online Tools

Spätestens, wenn du deine erstellte Webseite mobil anschaust, siehst du, wenn das ein oder andere nicht optimal auf dem Bildschirm dargestellt wird.

Silbentrennung in WordPress nicht vorhanden

Dann kann die Überschrift gleich mal so aussehen: Einzelne Buchstaben werden in einer neuen Zeile angezeigt, ohne das Trennzeichen.

Ohne Silbentrennung in WordPress
Ohne Silbentrennung in WordPress
Ohne Silbentrennung in WordPress
Ohne Silbentrennung in WordPress

Zwei schnelle Möglichkeiten, um die Silbentrennung in WordPress einzurichten

    1. Mit dem CSS-Code. In DIVI bindest du den folgenden Code-Schnipsel in DIVI > Theme-Optionen > Eigene CSS ein. Wenn du kein DIVI hast, kannst du das meist auch über den Theme Customizer > CSS einfügen. Aber Achtung, wenn du nicht mit einem Child-Theme arbeitest, insbesondere, wenn du kein DIVI verwendest, kann nach einem Update die Änderung mithilfe des CSS weg sein.
      /**
       * Silbentrennung auf deiner Website
       * https://wp-bibel.de/tutorial/silbentrennung-auf-deiner-website/
       */
      
      body {
          -ms-hyphens: auto;
          -webkit-hyphens: auto;
          hyphens: auto;
      }

      Wie du schon anhand des Kommentars in diesem Code-Schnipsel siehst (Kommentar => /** …. */), ist der CSS-Code von https://wp-bibel.de. Danke dafür!
      Es kann sein, dass ältere Browser diesen CSS-Code noch nicht verstehen. Im schlimmsten Fall hat der Code dann keinerlei Auswirkungen auf das lange Wort. Bitte überprüfe auch die Sprache, die in deinem WordPress unter Einstellungen > Sprache der Webseite eingestellt wurde. Wenn an dieser Stelle nicht die korrekte Sprache eingestellt wurde, kann die korrekte Silbentrennung möglicherweise nicht funktionieren.

    2. Du verwendest ein Plugin wp-Typography, welches ich selbst noch nicht ausgetestet habe, aber an einigen Stellen einen Verweis zu diesem Plugin gesehen habe. Du weißt, so wenig „fancy“ Plugins wie möglich ist die Devise, damit deine Webseite nicht unnötig verlangsamt wird.

Die Silbentrennung in WordPress ist nun aktiv

Die Worte werden nun nach dem jeweiligen Sprachschema getrennt.

Mit Silbentrennung WordPress
Mit Silbentrennung WordPress
Mit Silbentrennung WordPress
Mit Silbentrennung WordPress

Hat dir der Artikel gefallen? Mit deiner Bewertung hilfst du mir, meine Inhalte noch hilfreicher zu gestalten. 


Nicole Werner

Ich bin Bloggerin, Datenschutzbefürworterin, Wirtschaftsinformatikerin, Vermittlerin und neuronale Pingpong-Spielerin. Ich mache komplexe Themen verständlich und liebe TechNights. Mehr über mich erfährst du auf meiner Über-Mich-Seite

Dieser Beitrag erhebt keinen Anspruch auf Vollständigkeit und Richtigkeit. Die Inhalte ersetzen keine Rechtsberatung.

Weitere spannende Artikel

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit einem Sternchen (*) markiert. Weitere Informationen findest du in den Datenschutzhinweisen

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}