如何在 WordPress Plugin Boilerplate 中正确实现 Bootstrap？ https://wppb.me/

Question

我想知道如何以正确的方式将 Bootstrap 集成到这个 Boilerplate 中。

这里有一些来自 public/Class-public.php 的代码

/**
 * Register the JavaScript for the public-facing side of the site.
 *
 * @since    1.0.0
 */
public function enqueue_scripts() {

    /**
     * This function is provided for demonstration purposes only.
     *
     * An instance of this class should be passed to the run() function
     * defined in Price_Hubble_Loader as all of the hooks are defined
     * in that particular class.
     *
     * The Price_Hubble_Loader will then create the relationship
     * between the defined hooks and the functions defined in this
     * class.
     */

    wp_enqueue_script( $this->plugin_name, plugin_dir_url( __FILE__ ) . 'js/pricepublic.js', array( 'jquery' ), $this->version, false );
    

}

Answer 1

您可以使用相同的wp_enqueue_script() 函数并将第一个参数添加为处理程序，并将第二个参数添加为路径，这里我以CDN 路径为例。

public function enqueue_scripts() {

    /**
     * This function is provided for demonstration purposes only.
     *
     * An instance of this class should be passed to the run() function
     * defined in Test_Loader as all of the hooks are defined
     * in that particular class.
     *
     * The Test_Loader will then create the relationship
     * between the defined hooks and the functions defined in this
     * class.
     */

    wp_enqueue_script( $this->plugin_name, plugin_dir_url( __FILE__ ) . 'js/test-public.js', array( 'jquery' ), $this->version, false );

    wp_enqueue_script( 'bootstrap-js', 'https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js', array( 'jquery' ), '4.5.2', false );

}