Kategorie
WordPress/Webdesign
Veröffentlicht
Lesezeit
1 Minute
Diskussion
3 Kommentare

WordPress/Webdesign

Code-Zeilen in WordPress-Seiten umbrechen

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
Michael Himbeault, Code, CC BY 2.0

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…

Code7 Zeilen
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.

Diskussion 3 Kommentare, zuletzt am

Philipp Speck „Danke für die Zeilen. Haben mir schnell und einfach geholfen.“

Alle 3 Kommentare lesenKommentar schreiben

3 Kommentare

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.

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.

Sicherheitsprüfung: läuft automatisch, du musst nichts tun.

  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

Mehr aus dem Blog

Gerade diskutiert

Kategorien

Schlagwörter

Zeilen sind breiter als der Bildschirm. Quer halten zeigt mehr – oder Umbrechen einschalten.

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