WordPress Syntax Highlighting

Wer über Blogs, WordPress oder allgemein über die Programmierung von Webseiten Beiträge schreibt, möchte manchmal in seinen Artikeln einen HTML- oder PHP-Code direkt anzeigen … und nicht dessen Ergebnis präsentieren. Dies ist ein Prblem, da insbesondere einfache Formartierungen erkannt und artig von WordPress angewendet statt ausgeschrieben werden.
Um diesem Prblem Herr zu werden, habe ich in diesem Kontext eine ganze Reihe an Plugins für WordPress ausprobiert. Das Resultat war ein frustierender Abend. Denn die meisten dieser Plugins erfüllten entweder nicht ihren Zweck (stellen also nur ganz bestimmte Codierungen nicht, dafür aber alle anderen) oder waren für meine Bedürfnisse viel zu überdimensioniert.

Ich habe mich auf diesem Blog nun für zwei Wege entschieden, die einmal das Thema “Shortcode” und einmal das Thema “Code anzeigen” jedenfalls für mich zufriedenstellend lösen. Um Shortcodes als solches zu zeigen gibt es ja einen einfachen Trick.

Entweder entferne ich die “Funktionen der eckigen Klammern”, indem ich die eckigen Klammern durch folgenden Code ersetzt:
[code] einführende Klammer “[” wird mit [ ersetzt
ausführende Klammer “]” wird mit ] ersetzt
[/code]

Oder ich verwende einfach doppelte ecke Klammern, was ebenfalls die Funktionen der Shortcodes unterdrückt.

[code] Ich schreibe [[Beispeilcode]] und bekomme in dem Artikel [Beispielcode] [/code]

Beide Wege sind natürlich ein wenig mühsam. Insbesondere, wenn ich mehr Codierungen habe. Auf dieser Seite verwende ich daher das Plugin “Simple Code Snippets” von danny van Kooten. Dieses WordPress Plugin kümmert sich automatisch um alle Codierungen. Das Schöne ist: es ist dem Plugin egal ob ich CSS, PHP oder Shortcodes zeigen möchte. Sobald ich [[Code]] tippe, wird in den folgenden Zeilen das Ausführen der Codes unterdrückt, bis ich mit [[/Code]] auflöse.

Sicher ein spannendes Plugin für alle, die sich mit WordPress Syntax Highlighting auseinandersetzen. Auch sehr lobenswert: Das Plugin kommt mit gerademal 10 Linien Code aus, kann also mit recht als “schlank” bezeichnet werden. Hier sieht ein PHP-Code beispielsweise wie folgt aus:

[code]

//The Query
query_posts(‘posts_per_page=5’);

//The Loop
if ( have_posts() ) : while ( have_posts() ) : the_post();
..
endwhile; else:
..
endif;

//Reset Query
wp_reset_query();

?>
[/code]

Okay. Das Plugin findet ihr einfach über die WordPress-Plugin-Suche zum Stichwort “Quota Simple Code Snippets”.

Deine Meinung ist gefragt!

Hat dir der Artikel gefallen? Oder fehlt etwas?
Hinterlasse mir gern einen Kommentar!
Ein WordPress Backup Plugin? Kostenlos?

Ein WordPress Backup Plugin? Kostenlos?

Willkommen zum zweiten Teil meiner kleinen Serie ein “WordPress Backup erstellen”. Im ersten Teil haben wir ein manuelles Backup erstellt. Heute automatisieren wir den Prozess und ich zeige dir kostenlose Plugins wie UpdraftPlus, WPVivid, BackWPup, xCloner – und ich erkäre dir den Unterschied zu den kostenpflichtigen Premium-Versionen.

Neuer Theme Builder ab Divi 4

Neuer Theme Builder ab Divi 4

Unendliche Möglichkeiten dank des Theme Builders Divi 4. Mit dem Theme Builder könnt ihr jetzt komplette Seiten-Templates erstellen, z.B. für den Blog, die 404-Seite oder für Archiv- oder Suchergebnisse. Dabei könnt ihr global einen Kopf-, Inhalts-, und Fußbereich...

|

Platz für deinen Kommentar!

1 Kommentar

  1. mw

    Okay. Ich habe nun noch ein spannendes Plugin für oben genannte Probleme gefunden. Schaut euch mal das Plugin “Qoate Simple Code Snippets” an. Sehr einfach von der Bedienung und wandelt so ziemlch jeden Code in eine einfache Darstellung.

Einen Kommentar abschicken

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

Neue Themes

Neu: Scroll-Effekte, WooCommerce-Module u.v.m.

Galerie

Mehr verkaufen

Workshops, Academy, Magazin, Masterclass

Starten

Geschenkt

Handbuch WordPress,
 Workshop SEO & Marketing

Download

Pin It on Pinterest

Share This