WordPress 加載 Bootstrap 4

透過下方代碼,由 CDN 載入 Bootstrap 4

/**
 * WordPress include bootstrap 4 CDN
 * 
 * @author v123.tw
 * @link https://v123.tw/wordpress-include-bootstrap-4-cdn/
 * @link https://getbootstrap.com/docs/4.4/getting-started/introduction/
 * 
 * @return void
 */
function v123_include_bootstrap_cdn()
{
    // all styles
    wp_enqueue_style('bootstrap', "https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css", array(), "4.4.1");
    wp_enqueue_style('bootstrap-custom-style', get_stylesheet_directory_uri() . '/bootstrap-custom.css', array('bootstrap'), "1.0.1");
    // all scripts
    wp_enqueue_script('bootstrap', "https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js", array('jquery'), "4.4.1", true);
    wp_enqueue_script('bootstrap-custom-script', get_stylesheet_directory_uri() . '/bootstrap-custom.js', array('jquery', 'bootstrap'), "1.0.1", true);
}
add_action('wp_enqueue_scripts', 'v123_include_bootstrap_cdn');

透過下方代碼,由主題載入 Bootstrap 4

/**
 * WordPress include bootstrap 4 
 * 
 * @author v123.tw
 * @link https://v123.tw/wordpress-include-bootstrap-4-cdn/
 * @link https://getbootstrap.com/docs/4.4/getting-started/introduction/
 * 
 * @return void
 */
function v123_include_bootstrap()
{
    // all styles
    wp_enqueue_style('bootstrap', get_stylesheet_directory_uri() . "/assets/css/bootstrap.min.css", array(), "4.4.1");
    wp_enqueue_style('bootstrap-custom-style', get_stylesheet_directory_uri() . '/bootstrap-custom.css', array('bootstrap'), "1.0.1");
    // all scripts
    wp_enqueue_script('bootstrap', get_stylesheet_directory_uri() . "/assets/js/bootstrap.bundle.min.js", array('jquery'), "4.4.1", true);
    wp_enqueue_script('bootstrap-custom-script', get_stylesheet_directory_uri() . '/bootstrap-custom.js', array('jquery', 'bootstrap'), "1.0.1", true);
}
add_action('wp_enqueue_scripts', 'v123_include_bootstrap');

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料