如何在PHP/WordPress中正确排队样式和脚本


how to properly enqueue styles and scripts in PHP/WordPress

我是WordPress/PHP的新手,我正在尝试创建一个主题,在教程中,它说使用wp_enqueue_style/脚本来加载css/js文件,但由于某种原因,我似乎无法让Bootstrap/JQuery工作,这是我在functions.php中的代码:

function rixcy_scripts() {
    wp_enqueue_style( 'bootstrap', get_template_directory_uri() . '/css/bootstrap.css', array(), '' );
    wp_enqueue_style( 'blog', get_template_directory_uri() . '/css/blog.css' );
    wp_enqueue_script( 'bootstrap', get_template_directory_uri() . '/js/bootstrap.js', array('jquery'), true );
}
add_action( 'wp_enqueue_scripts', 'rixcy_scripts' );

我也想添加我自己的自定义javascript文件(blog.js),但我不确定如何做到这一点。

任何帮助都将非常感激!

是的,你在WordPress中添加css和js的代码是正确的但是你需要给唯一名称每个css和js

试试下面的代码:

function rixcy_scripts() {
    wp_enqueue_style( 'bootstrap-css', get_template_directory_uri() . '/css/bootstrap.css', array(), '' );
    wp_enqueue_style( 'blog', get_template_directory_uri() . '/css/blog.css' );
    wp_enqueue_script( 'bootstrap-jquery', get_template_directory_uri() . '/js/bootstrap.js', array('jquery'), true );
    wp_enqueue_script( 'blog-js', get_template_directory_uri() . '/js/blog.js', array('jquery'), true );
}
add_action( 'wp_enqueue_scripts', 'rixcy_scripts' );

你可以这样做:

    wp_enqueue_script( 'blog', get_template_directory_uri() . '/js/blog.js', array('jquery'), true );