将Gridster插入WordPress模板

我有一个问题,我的WordPress插件,我想插入Gridster插件,但它不起作用.

这里我正在加载正确在文件夹中的文件.

function add_my_stylesheet() 
{
    wp_enqueue_style( 'myCSS', plugins_url( '/css/bootstrap.css', __FILE__ ), false );
    wp_enqueue_style("gridster-style", plugins_url( '/css/jquery.gridster.min.css', __FILE__ ), false );
}
add_action('admin_print_styles', 'add_my_stylesheet');



function add_my_scripts()
{
    //I tried wp_register_script as well as wp_enqueue_script
    wp_register_script( "jquery-gridster", plugins_url( '/js/jquery.min.js', __FILE__ ) );
    wp_register_script( "gridster-script", plugins_url( '/js/jquery.gridster.min.js', __FILE__  ) );
    wp_register_script( "gridster-script-extra",  plugins_url(      '/js/jquery.  gridster.with-extras.min.js', __FILE__ ) );

}
add_action( 'wp_register_scripts', 'add_my_scripts' );

这是预期输出的代码示例,当然也不起作用.

echo'


        

            

                
Box1
                
Box2
                
Box3
            
        
    

    ';

我尝试将它包含在模板的头文件和插件中,但它只显示文本,我无法拖放它们.