Question

我想在WordPress中添加一个JavaScript测验。我尝试过这种方法，以HTML方式使用它。但它不起作用。

Here是这个java脚本测验链接。

Answer 1

如果您可以访问wordpress模板，则可以使用简单的短代码。例如，使用以下代码（注释测试）：

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();

将此文件放在wordpress模板的include目录中，并将其包含在functions.php中：

require_once 'includes/my_shortcodes.php';

正如您所看到的，有两种选择：您可以通过调用[my_javascript]短代码将完整的JavaScript代码粘贴到帖子正文中（并编辑my_javascript函数以包含所有内容代码），或者你可以将一个JavaScript文件（例如你的模板中的quiz.js）排入队列，其中包含使用[my_javascript_file]封装为对象或函数的代码（它将被包含一次，即使更多帖子是已显示），并且只在[my_javascript]的每个帖子中包含一个小的JavaScript代码段（只需调用quiz.js中提供的功能）。

还简要介绍一下短代码文档：https://codex.wordpress.org/Shortcode_API。

如何在wordpress帖子区域添加自定义javascript？

1 个答案: