WP code内にHTMLをそのまま表示する方法

普通にテキストモードでcodeでhtmlのソースを挟んでも、ソースが上手く表示されない。これを解決する。

まずはhtmlのソースをワードプレスのビジュアルモードで、コピペする。

次にテキストモードに切り替え、ソースを切り取る。

その次に、<pre><code></code></pre>を書く。

最後に切り取ったソースを間にペーストする。(行間詰めました)

これで完成!結果は下のようになる。ちなみに自分のブログではプラグインにより、codeが装飾されている。やり方はこちら

<!DOCTYPE html>
<html lang="en">
<head>
<metacharset="UTF-8">
<title>Document</title>
</head>
<body>
<p>Hello world</p>
</body>
</html>

ITweb

Posted by shu