javascript - 将 Javascript 和 SCSS 文件添加到 wordpress 插件

Question

我已经为预订流程创建了一个插件，但我无法添加我一直在使用的样式或 JS 文件。

CSS 文件位于"css/style.css"，JS 文件位于"js/script.js"。

我的插件 PHP 文件是:

<?php
// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;

function sc_booking_process() {

    return 'html code...';
}
add_shortcode('cinema-booking', 'sc_booking_process');
?>

它只是不适用于样式和 js 文件。

谢谢。

Answer 1

您是否尝试过在您的插件文件中添加 wp_enqueue_scripts？

https://developer.wordpress.org/reference/functions/wp_enqueue_scripts/

<?php
function my_scripts_and_css() {
    wp_enqueue_style( 'my-plugin-css', 'css/style.css'  );
    wp_enqueue_script( 'my-plugin-js', 'js/script.js', array('jquery'), '20200110' );       
}
add_action( 'wp_enqueue_scripts', 'my_scripts_and_css' );
?>

如果需要，更新文件路径