記事直接

テキストエディタから挿入
[code lang="css"]ul, ol { background: #fcfcfc;/*背景色*/ padding: 0.5em 0.5em 0.5em 2em;/*ボックス内の余白*/ border: solid 3px gray;/*線の種類 太さ 色*/ } ul li, ol li { line-height: 1.5; /*文の行高*/ padding: 0.5em 0; /*前後の文との余白*/ }[/code] [code lang="html"]<ul> <li>HTML</li> <li>CSS</li> <li>Photoshop</li> <li>Illustrator</li> </ul>[/code]

パターンから挿入

SyntaxHighlighter Evolved
<?php if( !is_preview() ){ ?>
// プレビュー画面で非表示にするコード
<?php }else{ ?>
// プレビュー画面で表示するコード
<?php }; ?>
Highlighting Code Block
<p class="navy">文字色を紺色に変更できます。</p>
<p class="aqua">文字色を水色に変更できます。</p>
<p class="red">文字色を赤色に変更できます。</p>
<p class="orange">文字色をオレンジ色に変更できます。</p>
<p class="pink">文字色をピンク色に変更できます。</p>
<p class="purple">文字色を紫色に変更できます。</p>
<p class="green">文字色を緑色に変更できます。</p>
<p class="blue">文字色を青色に変更できます。</p>
<p class="yellow">文字色を黄色に変更できます。</p>
<p class="olive">文字色をオリーブ色に変更できます。</p>
<p class="lime">文字色をライム色に変更できます。</p>
<p class="black">文字色を黒色に変更できます。</p>
<p class="gray">文字色を灰色に変更できます。</p>
<p class="white">文字色を白色に変更できます。</p>
<p class="brown">文字色を茶色に変更できます。</p>
<?php if( !is_preview() ){ ?>
// プレビュー画面で非表示にするコード
<?php }else{ ?>
// プレビュー画面で表示するコード
<?php }; ?>

共通コンテンツ

サンプルコードHTML
サンプルコードPHP