Code in WordPress anzeigen lassen

Kategorie: Coding, Tutorial

Code in WordPress anzeigen lassen

Jeder der schon einmal ein Tutorial zu einem Coding-Theme verfasst und es in einem WordPress Blog gepostet hat, weiß dass es nicht einfach so geht.

In HTML und xHTML werden die <code></code> Tags dazu genutzt, um HTML-Code als Text anzeigen zu lassen. Wenn man in WordPress allerdings einen Code wie den folgenden eingibt:


<code>
<div class=“test“></div>
</code>


dann wird der Code ausgeführt und nicht angezeigt, weil WordPress trotz den Code-Tags die < > Klammern erkennt und für einen auszuführenden Befehl hält.

Wenn ihr wollt, dass WordPress den Code anzeigt, müsst ihr die < > Klammern mit dem HTML-Code für diese Sonderzeichen ersetzen.


für die „<"-Klammer nutzt ihr &lt;
für die „>“-Klammer &gt;

Wenn ihr das in den Code einsetzt:


<code>
&lt;div class=“test“>&lt;/div>
</code>


dann wird der Code nicht mehr ausgeführt, sondern als Code angezeigt.

Als Abschluss hier nochmal eine kurze Liste mit weiteren Sonderzeichen:

< = &lt;
> = &gt;
/ = &#47;
] = &#93;
[ = &#91;
" = &#34;
' = &#39;

Wir hoffen wir konnten euch auch mit diesem kleinen Tutorial helfen.

Euer netheweb.de Team

Geschrieben von Sensei am 28. 4. 2009
Abgelegt unter: Coding, Tutorial
Tags: , , , , ,

11 Kommentare zu “Code in WordPress anzeigen lassen”

Einen Kommentar hinterlassen