Question

我是Wordpress的新手，我正在尝试将js和css文件以及jQuery包含到我创建的小部件中，我的代码现在是

<?php
class my_widget extends WP_Widget {

function __construct() {
    parent::__construct(
            // Base ID of your widget
            'my_widget', 

            // Widget name will appear in UI
            __('My Widget', 'my_widget_domain'), 

            // Widget description
            array( 'description' => __( 'Blah blah ', 'my_widget_domain' ), ) );
    }

        // Creating widget front-end
        // This is where the action happens
        public function widget( $args, $instance ) {

           //Some functionallity

        }

} // Class wpb_widget ends here

// Register and load the widget
function wpb_load_widget() {
    register_widget( 'my_widget' );
}
add_action( 'widgets_init', 'wpb_load_widget' );

?>
<link rel="stylesheet" href="<?php echo plugins_url();?>/my_plugin/js/jquery/jquery-ui.css">
<link rel="stylesheet" href="<?php echo plugins_url();?>/my_plugin/css/my_theme.css">
<script src="<?php echo plugins_url();?>/my_plugin/js/jquery/external/jquery/jquery.js"></script>
<script src="<?php echo plugins_url();?>/my_plugin/js/jquery/jquery-ui.js"></script>
<script src="<?php echo plugins_url();?>/my_plugin/js/myscript.js"></script>

正如您所看到的，我在文件的末尾包含了我的脚本，我读到了wp_enqueue_script('jquery');，但我不确定在哪里确实包含我的脚本。 wordpress是否已包含jQueryUI？

Answer 1

将css和js包含在wordpress插件中。

在插件文件夹的插件文件中添加以下代码。

add_action('init', 'register_script');
function register_script() {
    wp_register_script( 'custom_jquery', plugins_url('/js/script.js', __FILE__), array('jquery'), '2.5.1' );

    wp_register_style( 'new_style', plugins_url('/css/style.css', __FILE__), false, '1.0.0', 'all');
}

// use the registered jquery and style above
add_action('wp_enqueue_scripts', 'enqueue_style');

function enqueue_style(){
   wp_enqueue_script('custom_jquery');

   wp_enqueue_style( 'new_style' );
}

将script.js和style.css文件创建到插件目录的js和css目录。

在wordpress插件中包含js和css

1 个答案: