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' );

?>

0

Решение

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');
0

Другие решения

Других решений пока нет …

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector