web-dev-qa-db-fra.com

Mettre en file d'attente un script et une feuille de style ne fonctionnant pas

J'essaie de mettre en file d'attente une feuille de style de thème enfant et un script de thème enfant. J'ai besoin de mettre le script en file d'attente parce que je mets des liens CDN pour Bootstrap. Je sais que ma file d'attente ne fonctionne pas correctement car j'ai déjà aménagé le site en utilisant Pingendo , qui utilise Bootstrap. Donc, parce que mon site est un gâchis vide et terne, je sais que cela ne fonctionne pas. J'ai copié le code du codex et essayé de l'utiliser, mais je ne comprends toujours pas pourquoi il ne fonctionne pas correctement. Ci-dessous, j'ai montré mon code de mise en file d'attente et également à quoi ressemble mon répertoire dans CPanel.

Update - pourrait-il y avoir un problème avec le fichier JS de mon thème enfant?

custom-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>



function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function(e) {
   $('#blah').attr('src', e.target.result);
}

reader.readAsDataURL(input.files[0]);
}
}
$("#upload").change(function() {
readURL(this);
});

Code de file d'attente 

<?php ob_start(); ?>
<?php

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_stylesheet_directory_uri() . '/style.css' );
    wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/custom-js.js', array(), '1.0.0', true);
}

?>

2e tentative de code de mise en file d'attente 

<?php

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

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

add_action( 'wp_enqueue_scripts', 'load_css_js' );

?>

Répertoire 

BlankSlate
BlankSlate-Child --> style.css
                     js (folder) --> custom-js.js
javascriptwp-enqueue-scriptwp-enqueue-styletwitter-bootstrapcdn
1
loltospoon

Dans le contexte des thèmes parent-enfant, sachez que:

Le get_template_directory_uri () vous donnera le répertoire du thème uri: https: //codex.wordpress. org/Function_Reference/get_template_directory_uri .

Le get_stylesheet_directory_uri () vous donnera le répertoire du thème enfant uri: https: //codex.wordpress. org/Function_Reference/get_stylesheet_directory_uri

Vous mettez en file d'attente le style parent avec get_stylesheet_directory_uri (), ce qui vous donnera le répertoire de thème enfant uri.

Vous mettez en file d'attente child-css et child-js en utilisant get_template_directory_uri, qui vous donnera le répertoire de thème parent uri.

Par conséquent, vous pouvez utiliser get_template_directory_uri () lors de la mise en file d'attente des scripts et des styles parent, et get_stylesheet_directory_uri () lors de la mise en file d'attente des scripts et des styles de thème enfant.

Si vous souhaitez mettre en file d'attente à partir d'une autre source (par exemple, bootstrap), utilisez simplement l'URL:

wp_enqueue_style( 'your-prefix-bootstrap', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css' );
wp_enqueue_script( 'your-prefix-bootstrap', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js' );
1
archemiro