WordPressの投稿エリアにカスタムJavaScriptを追加するには？

Question

私はワードプレスでJavaScriptクイズを追加したいと思います。私はこの方法をHTML形式で使用しようと試みました。しかし、それは動作しません。

Hereは、このJavaスクリプトのクイズのリンクです。

Answer 1

wordpressテンプレートにアクセスできる場合は、簡単なショートコードを使用できます。 functions.phpでそれを

class MyShortCodes { 
    public function __construct() { 
     $this->init(); 
    } 

    public function init() { 
     add_shortcode('my_javascript', array($this, 'my_javascript')); 
     add_shortcode('my_javascript_file', array($this, 'my_javascript_file')); 
    } 

    public function my_javascript($attributes, $content = null) { 
     return ''; // REPLACE THIS BY YOUR JAVASCRIPT CODE. 
    } 

    public function my_javascript_file($attributes, $content = null) { 
     // Except for pasting all the JavaScript into the post's content, 
     // enqueue the JavaScript file here and only add a call to it in the 
     // post's content above. 
     wp_enqueue_script('my_javascript_file', get_bloginfo('template_directory') . '/js/my_javascript_file.js'); 
    } 
} 

new MyShortCodes(); 

置き、あなたのワードプレステンプレートのincludeディレクトリにこのファイルを含める：たとえば、次のコード（注テスト）を使用して、あなたが見ることができるように

require_once 'includes/my_shortcodes.php'; 

は、2つのオプションがあります。 [my_javascript]ショートコードを呼び出し（コードをすべて含むようにmy_javascript関数を編集する）、コードをカプセル化したJavaScriptファイル（例：quiz.js）をエンキューすることで、投稿の本文に完全なJavaScriptコードを貼り付けることができますとしてオブジェクトまたは関数[my_javascript_file]を使用すると（それは1つだけ表示されます）、投稿ごとに小さなJavaScriptスニペットを[my_javascript]（quiz.jsで提供されている関数を呼び出すだけで）に含めます。

また、短いコードのドキュメントをご覧ください。https://codex.wordpress.org/Shortcode_API