SOFTELメモ

Softel Inc.

【WordPress】記事中にJavascriptなど書きたい

問題

WordPressで、記事中にJavascriptを書きたい。

<script>~~</script> で書くと、WordPressの整形処理のおかげで、pタグやbrタグが挿入されて、そのまま出力されない。

つまりエラーで実行できない。

いい手はないですかね。

javascriptの本

答え

記事本文に無理して書かないで、カスタムフィールドを使う方法がある。

1. カスタムフィールドにJavascriptを登録する

カスタムフィールドに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を記事の後ろに出力することができる。

関連するメモ

コメント