我有一个简单的应用程序，我已经在工作，并希望加载到我的WordPress主题。
此应用程序具有/js 具有的文件夹myscript.js, A./css 具有的文件夹mystyle.css 和HTML文件index.html.
这是fiddle to the whole app.
我正在使用默认的WordPress主题，我只想为这个应用程序创建一个页面并加载到那里。这样我就可以创建另一个页面并加载另一个应用程序。
所做的努力：根据我所读的内容，我需要将我的自定义JS脚本排队，我已经这样做了，并将其添加到functions.php 文件：
/**
* A small function to load my custom JScript file for WordCount
*/
function my_script() {
if ( is_page(23) ) {
wp_enqueue_script(
\'my-script\',
get_template_directory_uri() . \'/js/my-script.js\',
array(\'jquery\')
);
}
}
add_action( \'wp_enqueue_scripts\', \'my_script\', 1 );
我唯一的挑战是：我的
index.html 代码转到？
最合适的回答,由SO网友:tfrommen 整理而成
我会在page template.
在主题中，创建一个名为page-app.php 具有以下内容：
<?php
/**
* Template Name: App
*/
function wpdev_137109_enqueue_scripts() {
$file = \'/js/myscript.js\';
wp_enqueue_script(
\'myscript\',
get_stylesheet_directory_uri() . $file,
array( \'jquery\' ),
filemtime( get_stylesheet_directory() . $file ),
TRUE
);
$file = \'/css/mystyle.css\';
wp_enqueue_style(
\'mystyle\',
get_stylesheet_directory_uri() . $file,
array(),
filemtime( get_stylesheet_directory() . $file )
);
} // function wpdev_137109_enqueue_scripts
add_action( \'wp_enqueue_scripts\', \'wpdev_137109_enqueue_scripts\' );
?>
<?php get_header(); ?>
<div id="sys-mbox">
<textarea id="sys-tbox"></textarea>
</div>
<div class="sys-results">
Total number of words: <span class="words"> </span>
Total number of chars: <span class="character"> </span>
</div>
<?php get_footer(); ?>
将样式表和脚本文件放在上述位置。
然后创建一个WordPress页面，并从页面属性元框中选择页面模板App。点击save，你就完成了。
// EDIT:
对于jQuery，可以这样尝试：
jQuery(function($) {
// code...
});
