Führen Sie ein Entwicklungsblog, in dem Sie Codefragmente freigeben möchten? Standardmäßig ist es nicht einfach, Codes auf Ihrer WordPress-Site anzuzeigen. Aus Sicherheitsgründen filtert WordPress jeden Code, der in Posts, Widgets oder Kommentaren hinzugefügt wurde. Wir werden oft gefragt, mit welchem ​​Plugin wir Code auf unserer Website anzeigen.

In diesem Tutorial zeigen wir Ihnen, wie Sie einfach Code auf Ihrer WordPress-Site anzeigen können. Sie müssen zuerst das Plugin installieren und aktivieren Syntax Highlighter Evolved. Nach der Aktivierung müssen Sie zu " Einstellungen »Syntax Highlighter» um die Plugin-Einstellungen zu konfigurieren.

highligher Syntax-Plugin für Wordpress-Code

Die grundlegenden Plugin-Einstellungen sollten auf den meisten Websites funktionieren. Sie sollten jedoch alle Einstellungen überprüfen und gegebenenfalls Änderungen vornehmen. Jede Option verfügt über eine detaillierte Beschreibung, um zu erklären, was sie tut. Wenn Sie fertig sind, klicken Sie einfach auf die Schaltfläche Änderungen speichern.

Syntax Highlighter Evolved verwendet einfache Shortcodes, um einen Code anzuzeigen. Für jede Sprache müssen Sie Ihren Code in den Shortcode für diese Sprache einschließen.

Wickeln Ihre PHP-Code wie folgt aus:

[php] [/ php]

Es wird in Ihrem Artikel wie folgt erscheinen:


Für CSS, wickeln Sie Ihren Code wie folgt aus:

[css] .entry-title {Schriftfamilie: "Open Sans", Arial, Sans-Serif; font-size: 16px; Farbe: #272727; } [/ css]

Es wird auf Ihrer Website folgendermaßen angezeigt:

.entry-Titel {font-family: "Open Sans", Arial, sans-serif; font-size: 16px; Farbe: #272727; }

Syntax Highlighter hebt den Code automatisch in der jeweiligen Sprache hervor. Es wird auch eine Reihe von Zahlen hinzugefügt und die Registerkarte Einrückung richtig behandelt. Ihre Benutzer können die Snippets einfach kopieren und in Ihre WordPress-Site einfügen.

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

Viele Blogger betreiben kein Entwicklungsblog, daher müssen sie ihren Posts nicht sehr oft Beispielausschnitte hinzufügen. In seltenen Fällen können Sie Code hinzufügen, indem Sie ihn in HTML codieren. so wie das:

>?php echo "Hallo Welt"; ?

Das Problem beim Konvertieren von Code in HTML besteht darin, dass es schwierig ist, dies manuell zu tun. Sie können verwenden outils online wie folgt, um den Code in HTML umzuwandeln.

Durch Konvertieren von PHP-, HTML- und JavaScript-Code in HTML können Sie diese in Ihre WordPress-Beiträge einfügen. Für zusätzliches Styling können Sie den Code zwischen et einschließen.

Wir hoffen, dass Sie mit diesem Artikel Code in WordPress veröffentlichen können.

Wenn Sie Kommentare oder Vorschläge haben, teilen Sie uns dies bitte im entsprechenden Abschnitt mit.