Code-Zeilen in WordPress-Seiten umbrechen

Avatar von Christoph Langner

1 Min. Lesezeit

26 Aufrufe

WordPress bricht lange Zeilen im pre-Tag nicht um und zerschießt damit das Layout. Ein paar Zeilen in der style.css lösen das.

Code

WordPress bricht lange Code-Zeilen bei der Benutzung des <pre>-Tags nicht um. So überdecken diese Zeilen recht gnadenlos das Design einer Seite. Mich für meinen Teil stört es nicht, wenn WordPress lange Codes dennoch umbrechen würde. Am einfachsten lässt sich dies wohl über das Style-Sheet der Seite machen. Fügt man die Zeile…

pre {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

…zur style.css des eigenen Themes hinzu, so bricht WordPress brav auch in Code-Tags gesetzte Zeilen um. Sicherlich nicht ideal für jede Page. Doch so mancher ist froh drum.

Ähnliche Beiträge

3 Kommentare zu „Code-Zeilen in WordPress-Seiten umbrechen“

  1. Avatar von Axel

    1000 Dank für diese Code-Zeilen.
    Klappt sogar mit Drupal nur noch nicht mit Firefox 2, ansonsten super. Habe stunden nach etwas gesucht, denn ich kann leider kein CSS.

    DANKE
    Axel

  2. Avatar von Christoph

    Freut mich, dass so alte Artikel ab und an entdeckt werden 🙂

  3. Avatar von Philipp Speck

    Danke für die Zeilen. Haben mir schnell und einfach geholfen.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Markdown wird unterstützt: **fett**, _kursiv_, [Linktext](URL), `Code`, Zeilen mit - für Listen, 1. für nummerierte Listen, dreifache Backticks für Codeblöcke.

Sicherheitsabfrage: Welches Logo ist das?

Über den Blog

Seit 2006 probiere ich hier aus, was Linux, freie Software und die passende Hardware so hergeben – von Distributions-Tests bis zum Raspberry-Pi-Projekt. Praxisnah statt bloßem Nachrichtenticker.

Zuletzt auf Mastodon

Scene Composer in Aktion: Ein Screenshot wird geladen, in verschiedene 3D-Szenen wie Café, Gaming-Desktop, Homeoffice und Podcast-Studio eingesetzt, gedreht und gezoomt. Anschließend wird eine Vorschau gerendert.

Ich finde Screenshots als Aufmacher oft langweilig. In der Vergangenheit habe ich daher oft den Bildschirm im wahrsten Sinne des Wortes abfotografiert. Das bringt etwas Leben in die Artikel –…

Kategorien

Blog unterstützen

Gefällt dir, was du hier liest? Mit einer kleinen Spende hilfst du, Hosting und neue Testgeräte zu finanzieren – und sorgst nebenbei für den nötigen Kaffee.

Linux und Ich — Code-Zeilen in WordPress-Seiten umbrechen
https://linuxundich.de/webhosting/code-zeilen-in-wordpress-seiten-umbrechen/ — gedruckt am 26. September 2026