Anzeige
GeekzeugSoftwareWeb

Code in Wordpress korrekt darstellen

Quelltext, also etwa HTML- oder XML-Code, in Wordpress-Artikeln korrekt darzustellen ist kinderleicht – man muss aber wissen wie es geht, sonst macht WP wahnsinnig. Der code-Tag des WP-Editors formatiert zwar im schicken Code-Style, WP zeigt den Code aber dennoch nicht so an wie er ist, sondern schneidet das meiste raus – weil WP es eben für an sich gerichteten Code hält. Und der pre-Tag geht auch nicht ohne Theme-Bastelei. Die Lösung schmipft sich Markdown, dieses nützliche Tool, mit dem sich etwa schon beim Schreiben mit zwei Sternchen vor und hinter einem Wort eine Fett-Formatierung realisieren lässt – und für Code sind es einfach vier Leerzeichen vor jeder Code-Zeile!

Anzeige

Schreibt also Euren Text, beginnt einen neuen Absatz mit zweimal (!) ENTER, fügt den Code ein, bettet ihn in WPs code-Formatierung ein und setzt vor jede Zeile vier Leerzeichen. Bei größeren Texten ist das natürlich einfacher auf der Kommandozeile, da ließen sich auch automatisch vor jeder Zeile Leerzeichen platzieren – aber das ist ein anderes Thema. Und wenn Ihr ständig Code postet, ist ein entsprechendes Plug-in wohl auch praktikabler.

Und jetzt das schöne Vorher-Nachher-Spiel – Code im code-Tag ohne Leerzeichen:

C:\Program Files\Media Player Classic - Home Cinema_ALT\mpc-hc64.exe
true

Und jetzt wie beschrieben mit vier Leerzeichen:

Anzeige
<code><player name="Alternativ-Player" type="ExternalPlayer" audio="false" video="true">
    <filename>C:\Program Files\Media Player Classic - Home Cinema_ALT\mpc-hc64.exe</filename>
    <hidexbmc>true</hidexbmc></player></code>

Anzeige

Mirco Lang

Freier Journalist, Exil-Sauerländer, (ziemlich alter) Skateboarder, Dipl.-Inf.-Wirt, Einzelhandelskaufmann, Open-Source-Nerd, Checkmk-Handbuchschreiber. Ex-Saturn'ler, Ex-Data-Becker'ler, Ex-BSI'ler. Computer-Erstkontakt: ca. 1982 - der C64 des großen Bruders eines Freunds. Wenn Ihr hier mehr über Open Source, Linux und Bastelkram lesen und Tutonaut unterstützen möchtet: Über Kaffeesponsoring via Paypal.freue ich mich immer. Schon mal im Voraus: Danke! Nicht verpassen: cli.help

Schreibe einen Kommentar

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

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.

Do NOT follow this link or you will be banned from the site!
Close
Close