Am 3. Juli 2013 habe ich den ersten Blogbeitrag hier beim Chefblogger Blog geschrieben, und heute sind es über 2300 Artikel. In den vergangenen 12 Jahren habe ich auch viel getestet und ausprobiert, und das merkt man. Heute habe ich pro Tag zwischen 40’000–45’000 Leser am Tag, und für die läuft alles ganz normal. Im Hintergrund merke ich aber langsam, dass ich den Blog neu aufsetzen sollte. Die Mediathek reagiert komisch, Filterfunktionen bei der Beitragsübersicht funktionieren nicht mehr, der Schlagwortfilter spinnt usw.

Aus diesem Grund wollte ich am Wochenende den Blog neu aufsetzen, und als Theme wollte ich es gleich mit Divi5 machen. Alles lief mehr oder weniger gut, bis ich dann Artikel angeschaut habe mit Codeblöcken drin (und das sind ja nicht wenige), und da wurde ich mit einer Liste von Errormeldungen begrüsst.

Als Codeblock-Anzeige habe ich in all diesen Jahren das WP-Syntax-Plugin verwendet und war damit recht zufrieden.

Aber mit diesem kleinen Tritt in mein Popöchen habe ich mich dann gleich mal entschieden, ein eigenes Plugin zu schreiben, und das stelle ich euch heute hier vor – es heisst, wie im Titel bereits geschrieben, „Simple Code Display“.

Ich wollte aber nicht nur den Code schön darstellen, sondern ihn auch farblich aufhübschen. Und darum habe ich als Basis Prism.js verwendet, und das versteht fast 300 Programmiersprachen.

So sah früher der Codeblock aus:

Es gab eine Zeilennummerierung, und man konnte den Code schön auslesen.

Mit dem neuen Simple Code Display kann man ebenfalls schön den Code sehen, Elemente sind farblich hervorgehoben, und neu gibt’s dazu sogar einen kleinen Button, mit dem man den Code mit einem Klick in die eigene Zwischenablage rauskopieren kann.

Und so sieht es aus:

Das Plugin ist bereits aktiviert, und ihr könnt alle Artikel anschauen, die ein Codesnippet enthalten – und dann seht ihr es live in Aktion.

Das Simple Code Display Plugin ist gratis und kann ab sofort hier heruntergeladen werden.

Viel Spass