JavaScript — CDN ссылки не работают
Я читаю в Google, что ссылки 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' );
?>
Решение
1) Прежде всего. Вы пытаетесь создать дочернюю тему поверх родительской темы, которая не все готовы использовать Bootstrap?
2) Установили ли вы свои дочерние темы style.css (см. Ссылку «Дочерние темы» ниже)?
Загрузка скриптов / таблиц стилей:
У вас должно быть что-то похожее на эти функции внутри вашего functions.php файл.
Вообще говоря, вам не нужно загружать jQuery, все готово дефолт (см. Кодекс: сценарии по умолчанию, включенные и зарегистрированные WordPress) поэтому проверьте страницу с DEV Tools, чтобы увидеть, загружается ли она (если вы не хотите использовать другую библиотеку CDNs, тогда вам нужно отключить папку по умолчанию, чтобы у вас не было двойной загрузки jQuery.
Кодекс: Справочник по функциям / скрипт wp enqueue
Кодекс: Справочник по функциям / стиль wp enqueue
Enqueue 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');
Другие решения
Других решений пока нет …