Eines der häufigsten Probleme, mit denen neue WordPress-Benutzer konfrontiert sind, ist die Anzeige von Code in Posts. Das Problem tritt auf, wenn ein Benutzer versucht, ein Codefragment in seinen Posts freizugeben. Standardmäßig filtert WordPress den Code und wird unlesbar. In diesem Artikel werde ich zeigen, wie der Code in WordPress-Posts angezeigt wird.
Verwenden von HTML-Entitäten zum Anzeigen von Code in WordPress-Posts
HTML-Entitäten sind spezielle Codes, die von Browsern analysiert werden, um das dieser bestimmten Entität zugeordnete Zeichen anzuzeigen. Zum Beispiel:
- & wird &
- <wird
- > wird>
Mit HTML-Entitäten können Sie Code in Ihren WordPress-Posts anzeigen.
es wird im Browser wie folgt angezeigt:
Diese Methode ist besonders nützlich, wenn Sie nur einige Codezeilen anzeigen möchten. Es kann jedoch schwierig sein, diese Methode manuell für mehrere Codezeilen anzuwenden.
Um dieses Problem zu lösen, können Sie einen Inline-HTML-Entity-Encoder wie diesen verwenden. Geben Sie einfach den Code ein, den Sie konvertieren möchten, und klicken Sie auf die Schaltfläche "Codieren". Es konvertiert Ihren Code in HTML-Entitäten und Sie können ihn sicher in das Tag einfügen.
Verwenden des Plugins zum Anzeigen von Code in WordPress-Posts
Wenn Sie häufig Codefragmente in Ihren Posts freigeben, funktionieren die oben genannten Methoden für Sie nicht. Als erstes sollten Sie das Plugin SyntaxHighlighter Evolved installieren und aktivieren. Dies erspart Ihnen die Konvertierung des Codes in HTML-Entitäten. Es wird nicht nur der Code hervorgehoben, um ihn in einem viel besser lesbaren Format anzuzeigen.
Es funktioniert von Anfang an. Sie müssen lediglich Ihre Inhalte in bestimmte Sprach-Tags einbinden. Wenn Sie beispielsweise einen Code freigeben, der hauptsächlich in PHP enthalten ist, würden Sie Ihren Code wie folgt umbrechen:
(php)
<? php
themelab_demo_code () function {
$ i = 1;
während ($ i <= 10):
echo $ i ".
";
$ i ++;
in der Zwischenzeit
}}
themelab_demo_code ();
?>
(/ php)
Es wird auf Ihrer Website folgendermaßen angezeigt:
