这很简单。
首先,您必须在主题函数中添加一个函数。php文件,使用wp_enqueue_scripts 钩
// Register and enqueue all scripts in head
function custom_scripts() {
wp_register_script( \'script_googleapis\', \'http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js\', false, false, false );
wp_enqueue_script( \'script_googleapis\' );
wp_register_script( \'script_listjs\', \'http://listjs.com/no-cdn/list.js\', false, false, false );
wp_enqueue_script( \'script_listjs\' );
wp_register_script( \'script_pagination\', \'http://listjs.com/no-cdn/list.pagination.js\', false, false, false );
wp_enqueue_script( \'script_pagination\' );
}
// Hook into the \'wp_enqueue_scripts\' action
add_action( \'wp_enqueue_scripts\', \'custom_scripts\' );
然后,您可以使用调用函数在页脚中启动脚本
wp_footer 吊钩如下:;
// Add this in function.php as well
function call_script_in_footer(){
?>
<script>
var monkeyList = new List(\'test-list\', {
valueNames: [\'name\'],
page: 3,
plugins: [ ListPagination({}) ]
});
</script>
<?php
}
add_action( \'wp_footer\', \'call_script_in_footer\' );
就这样。现在你可以在任何你想要的模板中使用HTML和CSS了。