So zeigen Sie einfach Code auf Ihrer WordPress-Site an

Möchten Sie Code auf Ihrer WordPress-Site anzeigen? Standardmäßig filtert WordPress jeglichen Rohcode aus, der in Blogbeiträgen, Seiten, Widgets oder Kommentaren hinzugefügt wird. In diesem Artikel zeigen wir Ihnen, wie Sie einfach Code auf Ihrer WordPress-Site anzeigen können.

Zuerst müssen Sie das Plug-In für Syntax Highlighter Evolved installieren und aktivieren. Weitere Informationen finden Sie in unserer schrittweisen Anleitung zur Installation eines WordPress-Plugins.

Nach der Aktivierung müssen Sie besuchen Einstellungen »Syntax-Textmarker um die Plugin-Einstellungen zu konfigurieren.

Die Standard-Plugin-Einstellungen sollten für die meisten Websites funktionieren. Sie sollten jedoch alle Einstellungen überprüfen und ggf. Änderungen vornehmen.

Jede Option enthält eine detaillierte Beschreibung, um zu erklären, was sie tut. Wenn Sie fertig sind, klicken Sie einfach auf die Schaltfläche zum Speichern der Änderungen, um Ihre Einstellungen zu speichern.

Syntax Highlighter Evolved verwendet einfache Kurzcodes zur Anzeige von Code. Für jede Programmiersprache müssen Sie Ihren Code in den Kurzcode für diese Sprache einschließen.

Für PHP würden Sie Ihren Code folgendermaßen einpacken:

[php]
Echo "Hallo Welt";
?>
[/ php]

Es wird in Ihrem Beitrag so aussehen:

Für CSS wickeln Sie Ihren Code folgendermaßen ein:

[css]
.Eintragstitel
Schriftfamilie: ”Open Sans”, arial, serifenlos;
Schriftgröße: 16px;
Farbe: # 272727;

[/ css]

Es wird auf Ihrer Website so angezeigt:

 .entry-title font-family: "Open Sans", arial, serifenlos; Schriftgröße: 16px; Farbe: # 272727;  

Syntax-Textmarker hebt automatisch den Code für diese bestimmte Sprache hervor. Außerdem werden Zeilennummern und der Einzug der Registerkarten korrekt hinzugefügt. Ihre Benutzer werden in der Lage sein, Codeausschnitte von Ihrer WordPress-Site einfach zu kopieren und einzufügen.

So zeigen Sie Code in WordPress an, ohne das Plugin zu verwenden

Viele Blogger betreiben kein Entwicklungsblog, daher müssen sie nicht oft Beispiel-Codeausschnitte in ihren Posts hinzufügen. In seltenen Fällen können Sie Code hinzufügen, indem Sie den Code in HTML-Entitäten codieren. So was:

>? php Echo "Hello World"; ?<

Das Problem beim Konvertieren von Code in HTML-Entitäten besteht darin, dass es schwierig ist, sie manuell auszuführen. Sie können Online-Tools wie diese verwenden, um Code in HTML-Entitäten zu konvertieren.

Durch die Konvertierung von PHP-, HTML- und JavaScript-Code in HTML-Entitäten können Sie sie in Ihre WordPress-Posts einfügen. Für zusätzliches Styling können Sie Code zwischen einschließen und Stichworte.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, das beste Syntax-Highlighter-Plugin für WordPress zu finden. Sie können auch unseren Artikel über 13 Plugins und Tipps zur Verbesserung des WordPress-Administrationsbereichs genießen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unsere Video-Tutorials für unseren YouTube-Kanal für WordPress. Sie finden uns auch auf Twitter und Facebook.