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“.

Tool-Tipp:

Folgende Apps nutze ich in meinem Blog. Zu den meisten dieser Apps findest du auf meinem YouTube-Kanal eine ausführliche Review.

Keyword-Strategie: WriterZen, LongTailPro, Link Assistant
Content-Erstellung: Frase, StoryChief, Bramework, NeuronWriter
Optimierung Pagespeed: WP Rocket, ShortPixel
Optimierung Conversion: Convertbox
Sicherheit: WPVivid

Du suchst nach einer Lösung für dein Marketing, deiner SEO- oder Content-Strategie? Dann schau auch gern in meiner Akademie vorbei: Businesserfolg.de

Deine Meinung ist gefragt!

Hat dir der Artikel gefallen? Oder fehlt etwas?
Hinterlasse mir gern einen Kommentar!

Divi5 vs Divi4 – Unterschiede und was du jetzt nutzen solltest

Divi5 vs Divi4 – Unterschiede und was du jetzt nutzen solltest

Die neue Divi5-Version ist da und bringt massive Verbesserungen mit sich. Während Divi4 jahrelang der Standard für WordPress-Websites war, stellt sich jetzt die Frage: Solltest du sofort auf Divi5 umsteigen oder lieber bei der bewährten Version bleiben? Als jemand,...

GetTerms – Dein All-in-One Tool für Cookie Consent & Datenschutz!

GetTerms – Dein All-in-One Tool für Cookie Consent & Datenschutz!

https://youtu.be/XMYLo7TMsIY Cookie-Banner, Datenschutzerklärung, Impressum — das sind keine sexy Aufgaben. Trotzdem sind sie Pflicht. Ich habe früher Stunden damit verbracht, Texte zu schreiben, Cookie-Listen zu pflegen und Banner so einzustellen, dass sie nicht...

Die ultimative Anleitung zur Anpassung deiner WooCommerce Dankeseite

Die ultimative Anleitung zur Anpassung deiner WooCommerce Dankeseite

Die Anpassung Ihrer WooCommerce Dankeseite ist entscheidend für die Kundenbindung und Umsatzsteigerung. Personalisierte Dankeseiten bieten exklusive Rabatte, Produktempfehlungen und soziale Teilungsoptionen, um das Einkaufserlebnis zu verbessern und Cross-Selling zu fördern. Entdecken Sie in unserem Artikel die besten Tools und Strategien zur Optimierung Ihrer Dankeseite.

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

Autor: Marco Linke

 Gründer von Designers Inn

Marco arbeitet seit 2011 mit WordPress. Er unterstützt Selbstständige und Unternehmen dabei, Websites zu erstellen, Inhalte überzeugend zu präsentieren und über SEO, Content Marketing und Social Media neue Kunden zu gewinnen. Mit Designers Inn betreute er bereits über 30.000 Kunden rund um WordPress-Themes, Website-Aufbau und sicheres Online‑Marketing. Sein Fokus: praxisnahe Tipps, klare Strategien und umsetzbare Anleitungen – ohne Technik‑Chaos.

Neue Themes

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

Galerie

Workshops

Workshops, Academy, Magazin, Masterclass

Starten

Geschenkt

Handbuch WordPress,
Workshop SEO & Marketing

Download