Question

我正在谷歌上看到，由于速度和额外的安全层，CDN链接更好用。我是WordPress Dev的新手。我将CDN链接放在JS文件中并排队。但是，它并未在我的网站上生效。

自定义-js.js

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

的functions.php

<?php

function load_css_js() {
    wp_register_style( 'child-css', get_stylesheet_directory_uri() . '/style.css', false, NULL, 'all' );
    wp_enqueue_style( 'child-css' );

    wp_register_script( 'child-js', get_stylesheet_directory_uri() . '/js/custom-js.js', array( 'jquery' ), NULL, false );
    wp_enqueue_script( 'child-js' );
}

add_action( 'wp_enqueue_scripts', 'load_css_js' );

?>

Answer 1

1）在此之前。您是否尝试在父主题之上构建一个子主题，并非都准备好使用Bootstrap ？

2）您是否设置了您的儿童主题style.css（请参阅下面的儿童主题链接）？

加载脚本/样式表：

您应该在functions.php文件中包含与这些功能类似的内容。

一般来说，您不需要加载jQuery，default（参见Codex：WordPress包含和注册的默认脚本）就可以了，所以请检查带有DEV的页面查看它是否正在加载的工具（除非你想使用另一个CDNs库，那么你需要禁用默认的一个，这样你就不会加载两次jQuery。

Codex: Function Reference/wp enqueue script

Codex: Child Themes

Codex: Function Reference/wp enqueue style

排队JS

function my_scripts() {
wp_enqueue_script( 'jquery', '//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js', '2.1.3', true ); 
wp_enqueue_script( 'bootstrap-js', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js', array('jquery'), '3.3.5', true );
}
add_action('wp_enqueue_scripts', 'my_scripts');

排队CSS

function my_styles() {
wp_enqueue_style( 'bootstrap-css', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css' );
wp_enqueue_style( 'bootstrap-css', get_stylesheet_directory_uri() . '/style.css');
}
add_action('wp_enqueue_scripts', 'my_styles');

CDN链接不起作用

1 个答案: