Code in WordPress-Beiträgen anzeigen

Eines der häufigsten Probleme, auf die neue WordPress-Benutzer stoßen, ist die Anzeige von Code in Beiträgen. Das Problem tritt auf, wenn ein Benutzer versucht, einen Code-Schnipsel in seine Beiträge einzufügen. Standardmäßig filtert WordPress den Code heraus und macht ihn unlesbar. In diesem Artikel zeige ich Ihnen, wie Sie Code in WordPress-Beiträgen anzeigen.

HTML-Entitäten zur Anzeige von Code in WordPress-Beiträgen verwenden

HTML-Entitäten sind spezielle Codes, die von Browsern interpretiert werden, um das Zeichen anzuzeigen, das mit dieser speziellen Entität verbunden ist. Zum Beispiel:

• & wird zu &
• &lt; wird zu <
• &gt; wird zu >

Mithilfe von HTML-Entitäten können Sie Code in Ihren WordPress-Beiträgen anzeigen.

<div class="awesome"> wird im Browser wie folgt angezeigt:

<div class="awesome">

Diese Methode ist besonders nützlich, wenn Sie nur ein paar Codezeilen anzeigen möchten. Diese Methode kann jedoch schwierig manuell für mehrere Codezeilen anzuwenden sein.

Um dieses Problem zu lösen, können Sie einen Online-HTML-Entitäten-Encoder verwenden, wie z. B. diesen hier. Geben Sie einfach den zu konvertierenden Code ein und klicken Sie auf die Schaltfläche „Encode“. Er konvertiert Ihren Code in HTML-Entitäten und Sie können diesen Code sicher in einen <code></code>-Tag einfügen.

Plugin zur Anzeige von Code in WordPress-Beiträgen verwenden

Wenn Sie häufig Code-Schnipsel in Ihren Beiträgen teilen, dann sind die oben genannten Methoden nicht für Sie geeignet. Als Erstes müssen Sie das Plugin SyntaxHighlighter Evolved installieren und aktivieren. Es erspart Ihnen den Aufwand, Code in HTML-Entitäten umzuwandeln. Nicht nur das, es hebt den Code hervor, um ihn in einem viel besser lesbaren Format anzuzeigen.

Es funktioniert sofort, Sie müssen nur Ihren Inhalt mit spezifischen Sprach-Tags umschließen. Wenn Sie beispielsweise Code teilen, der hauptsächlich in PHP geschrieben ist, würden Sie Ihren Code wie folgt umschließen:

[php]
<?php
function themelab_demo_code() {
$i = 1;
while ($i <= 10):
echo $i."<br />";
$i++;
endwhile;
}
themelab_demo_code();
?>
[/php]


Es wird auf Ihrer Website wie folgt angezeigt:

<?php
function themelab_demo_code() { 
$i = 1;
while ($i <= 10):
    echo $i."<br />";
    $i++;
endwhile;
}
themelab_demo_code();
?>

Für verschiedene Sprachen gibt es unterschiedliche Aliase, die Sie verwenden können. Einige der am häufigsten verwendeten Aliase sind:

• Um HTML-Code anzuzeigen, verwenden Sie [html] [/html]
• Für CSS verwenden Sie dies: [css][/css]
• Für MySQL verwenden Sie dies: [sql][/sql]
• Für Javascript verwenden Sie dies: [javascript][/javascript]

Ich hoffe, dieser Artikel hat Ihnen geholfen, Code in WordPress-Beiträgen anzuzeigen.

Wenn Ihnen dieser Artikel gefallen hat, dann treten Sie ThemeLab auf Twitter und Google+ bei.