如何在 WordPress 插件样板中正确实现 Bootstrap？ https://wppb.me/

Question

我想知道如何将 Bootstrap 正确地集成到这个样板文件中。

这里有一些代码来自 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 );

}

如何在 WordPress 插件样板中正确实现 Bootstrap？ https://wppb.me/

How to implement Bootstrap in WordPress Plugin Boilerplate correct? https://wppb.me/

wordpress

twitter-bootstrap

boilerplate