WordPress の投稿記事中に HTML コードを表示するには、HTML エスケープが必要となります。通常は、SyntaxHighlighter プラグインを利用するのが一般的で、エスケープ処理だけでなく、ビジュアル効果の高いアウトプットが得られます。今回は、エスケープ処理を WordPress Shortcode で作成してみます。

WordPress の記事投稿では、実行を目的とした PHP プログラムコードを含めるために、Shortcode API が用意されています。

この WordPress の short API を試してみるのとあわせて、SVG Fallbacks も試してみたいと思います。