【WordPress】記事中にJavaScriptなどを書きたい
問題
WordPressで、記事中にJavascriptを書きたい。
<script>~~</script> で書くと、WordPressの整形処理のおかげで、pタグやbrタグが挿入されて、そのまま出力されない。
つまりエラーで実行できない。
いい手はないですかね。

答え
※この記事は古いWordPressについての内容です。
記事本文に無理して書かないで、カスタムフィールドを使う方法がある。
1. カスタムフィールドにJavascriptを登録する

カスタムフィールドの名前は好きな名前でよい。
「script(スクリプトだよ)」とか、汎用的に「raw(そのままの生データで)」など、覚えやすい名前で。
2. 単一の記事を出力するときにカスタムフィールドの内容をそのまま出力する
single.php の <?php the_content(); ?> をしている後にでも、メタ情報を出力する以下の1行を加える。
//…
//見出し投稿日時など
//…
//記事本文出力
<?php the_content(); ?>
//メタ情報(カスタムフィールド出力)
<?php echo get_post_meta(get_the_ID(), 'script', 1); ?>
//…
//引き続きコメント欄など
//…
これでWordPressにJavascriptを破壊されたりしないで、書いたとおりのJavascriptを記事の後ろに出力することができる。
コメント