Heute zeige ich euch, wie ihr Quellcode in einem WordPress-Blog oder Artikel perfekt darstellen könnt. Diese Methode kommt auch bei diesem Blog zum Einsatz. Dabei schöpfen wir das volle Potential aus den Komponenten, die wir nachfolgend verwenden werden. Die Codeschnipsel in diesem Beitrag zeigen dabei, wie das Ganze aussieht. Ich bin sicher, dass es euch gefallen wird!

Schritt 1: Plugin installieren

Installiert in WordPress das Plugin oEmbed Gist.

Schritt 2: jQuery hinzufügen

Navigiert zu eurem WordPress-Theme unter /wp-content/themes/{name}. Öffnet die header.php und fügt unter den Meta-Tags, also im Head-Bereich, folgenden Code ein. Dieser macht das Angezeigte noch übersichtlicher.

Schritt 3: Quellcode einbetten

Den Quellcode, den hier in einem Beitrag einbetten wollt, legt ihr als Gist auf Github an (ähnlich wie ein Pastebin-Tool). Dort verwaltet ihr eure ganzen Schnipsel, könnt sie einsehen, löschen, aktualisieren etc.

Nach dem Erstellen bekommt ihr eine eigene URL. Diese kopiert ihr einfach und fügt sie über Copy und Paste in den WordPress-Editor ein.

Fertig. Viel Spaß damit!