【WordPress】記事にコード埋め込み

WordPress記事内へのコード埋め込みのテスト。
もちろんプラグインは使わず処理するので、code-prettifyを使用。

参考サイト：
ソースコードを手軽に装飾！「code-prettify」のカスタマイズ手順

【単行】codeタグにprettyprintクラスを追加

<code class="prettyprint"></code>

<div>中身</div>

【複数行】preタグにprettyprintクラスを追加

<pre class="prettyprint"></pre>

<ul>
　　<li class="cat-item cat-item-6">
　　　<a href="#category-1">Category-1</a>
　　</li>
</ul>

【複数行＋行番号】preタグにlinenumsクラスを追加

<pre class="prettyprint linenums"></pre>

<ul>
　　<li class="cat-item cat-item-6">
　　　<a href="#category-1">Category-1</a>
　　</li>
</ul>

【CSS装飾】preタグにlang-cssクラスを追加

<pre class="prettyprint linenums lang-css"></pre>

img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto;
    vertical-align: top;
    border: 0;
    outline: 0;
    background: transparent;
}