SOFTELメモ Developer's blog

会社概要 ブログ 調査依頼 採用情報 ...
技術者募集中

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

問題

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

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

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

いい手はないですかね。

javascriptの本

答え

※この記事は古いWordPressについての内容です。

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

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を記事の後ろに出力することができる。

関連するメモ

コメント