将css js添加到调用快捷码的插件wordpress

<?php
/*
Plugin Name: My Shortcode Plugin
Description: A plugin to add custom shortcodes with CSS and JS.
Version: 1.0
Author: Your Name
*/

// 添加CSS文件
function my_shortcode_plugin_enqueue_styles() {
    wp_enqueue_style('my-shortcode-plugin-style', plugins_url('css/styles.css', __FILE__));
}
add_action('wp_enqueue_scripts', 'my_shortcode_plugin_enqueue_styles');

// 添加JS文件
function my_shortcode_plugin_enqueue_scripts() {
    wp_enqueue_script('my-shortcode-plugin-script', plugins_url('js/scripts.js', __FILE__), array('jquery'), null, true);
}
add_action('wp_enqueue_scripts', 'my_shortcode_plugin_enqueue_scripts');

// 定义快捷码
function my_custom_shortcode() {
    ob_start();
    include(plugin_dir_path(__FILE__) . 'shortcode-template.php');
    return ob_get_clean();
}
add_shortcode('my_shortcode', 'my_custom_shortcode');

/* 添加你的CSS样式 */
.my-shortcode-class {
    color: blue;
}

// 添加你的JavaScript代码
jQuery(document).ready(function($) {
    $('.my-shortcode-class').click(function() {
        alert('Hello, World!');
    });
});

<div class="my-shortcode-class">
    Click me!
</div>