从头开始的 WordPress 主题

Question

我正在尝试从头开始开发一个 wordpress 主题，但我对 function.php 有一些问题。我想添加额外的样式脚本，如 bootstrap 和 animate.css，但问题是它们没有加载“包”，当我检查链接时，我在我的 css 文件夹之前得到 style.css。如果我删除 style.css，我可以在浏览器中查看我的文件。我该如何解决这个问题？从链接中删除 style.css。

http://localhost/humlan/wp-content/themes/humlan/style.css/css/bootstrap.min.css?ver=3.0.3'

这是 FUNCTION.PHP 中的代码

/**
 * Enqueue scripts and styles.
 */
function humlan_scripts() {
wp_enqueue_style( 'bootstrap.min', get_stylesheet_uri() . '/css/bootstrap.min.css',false,'3.0.3','all');
wp_enqueue_style( 'prettyPhoto', get_stylesheet_uri() . '/css/prettyPhoto.css',false,'1.1','all');
wp_enqueue_style( 'font-awesome.min', get_stylesheet_uri() . '/css/font-awesome.min.css',false,'1.1','all');
wp_enqueue_style( 'animate', get_stylesheet_uri() . '/css/animate.css',false,'1.1','all');
wp_enqueue_style( 'main', get_stylesheet_uri() . '/css/main.css',false,'1.1','all');
wp_enqueue_style( 'responsive', get_stylesheet_uri() . '/css/responsive.css',false,'1.1','all');
wp_enqueue_style( 'humlan-style', get_stylesheet_uri() );


    wp_enqueue_script( 'humlan-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '20151215', true );

    wp_enqueue_script( 'humlan-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20151215', true );

    if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
        wp_enqueue_script( 'comment-reply' );
    }
}

add_action( 'wp_enqueue_scripts', 'humlan_scripts' );

Answer 1

试试这个

function load_styles(){
   wp_enqueue_script( 'jQuery-js', 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js');
   wp_enqueue_script( 'bootstrap-js', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js', array('jquery'), '3.3.7', true );
}

不要从你的服务器加载 css，而是使用相对更快的 CDN 链接......

Answer 2

使用get_stylesheet_directory_uri() - 因为它会返回样式表的文件夹。您正在使用的返回 actual 样式表的 URI。