La page de catégorie personnalisée Wordpress ne charge pas les fichiers javasctipt et génère une erreur 404 - javascript, wordpress, wordpress-theming

J'ai commencé à zéro pour développer un thème, maintenant j'ai un extrait de code d'un site Web où il utilise le script comme -

<script>
head.js(
{ jquery : "js/jquery.min.js" },
{ mousewheel : "js/jquery.mousewheel.js" },
{ mwheelIntent : "js/mwheelIntent.js" },
{ jScrollPane : "js/jquery.jscrollpane.min.js" },
{ history : "js/jquery.history.js" },
{ stringLib : "js/core.string.js" },
{ easing : "js/jquery.easing.1.3.js" },
{ smartresize : "js/jquery.smartresize.js" },
{ page : "js/jquery.page.js" }
);
</script>

Maintenant, lorsque j'essaie ceci dans ma catégorie- {slug} .php, il recherche ces fichiers dans le dossier wordpress / category / {slug} /

Maintenant, j'ai aussi essayé ici `

<script>
head.js(
{ jquery : "<?php bloginfo("template_url")?>/js/jquery.min.js" },
{ mousewheel : "<?php bloginfo("template_url")?>/js/jquery.mousewheel.js" },
{ mwheelIntent : "<?php bloginfo("template_url")?>/js/mwheelIntent.js" },
{ jScrollPane : "<?php bloginfo("template_url")?>/js/jquery.jscrollpane.min.js" },
{ history : "<?php bloginfo("template_url")?>/js/jquery.history.js" },
{ stringLib : "<?php bloginfo("template_url")?>/js/core.string.js" },
{ easing : "js/jquery.easing.1.3.js" },
{ smartresize : "<?php bloginfo("template_url")?>/js/jquery.smartresize.js" },
{ page : "<?php bloginfo("template_url")?>/js/jquery.page.js" }
);`
</script>

Ensuite, je reçois également une erreur 404 dans Firebug mais quand j'essaie quelque chose comme ça -

{jquery : "../../wp-content/themes/testing/js/literature"},

Cela fonctionne, maintenant je voulais savoir pourquoi il cherche ces dépendances dans la catégorie de dossier plutôt que dans mon répertoire de thème alors qu'en même temps si j'écrivais ces lignes

<script type="text/javascript" src="<?php bloginfo("template_url"); ?>/js/literature/head.min.js"></script>

dans ma section de tête et à ma grande surprise, ils fonctionnent, quelqu'un peut-il me dire ce qui se passe ici

Réponses:

Conformément à votre code, vous utilisez un script appelé head.js, ce qui vous permet d'ajouter plus de scripts à votre en-tête. Si vous voulez vraiment utiliser head.js, vous devez ajouter ce script manuellement dans votre tête. Je déconseille d'utiliser ce dont vous n'avez pas vraiment besoin.

Mettez ce code PHP dans votre fichier functions.php, qui devrait se trouver dans votre répertoire de thème. Sinon, créez-le. C'est ainsi que vous incluez généralement des scripts dans votre thème.

add_action("wp_enqueue_scripts", "mytheme_enqueue_scripts");

function mytheme_enqueue_scripts() {
// jQuery comes with WordPress, no need to include it


$dir = get_stylesheet_directory_uri() . "/js";

// Vanilla scripts
wp_enqueue_scripts("stringLib",     $dir . "/core.string.js");

// All these guys depend on jQuery, hence the "array("jquery")"
wp_enqueue_scripts("easing",        $dir . "/jquery.easing.1.3.js",         array("jquery"));
wp_enqueue_scripts("easing",        $dir . "/jquery.smartresize.js",        array("jquery"));
wp_enqueue_scripts("easing",        $dir . "/jquery.page.js",               array("jquery"));
wp_enqueue_scripts("history",       $dir . "/jquery.history.js",            array("jquery"));
wp_enqueue_scripts("mousewheel",    $dir . "/jquery.mousewheel.js",         array("jquery"));
wp_enqueue_scripts("mwheelintent",  $dir . "/jquery.easing.1.3.js",         array("jquery"));
wp_enqueue_scripts("mwheelintent",  $dir . "/mwheelIntent.js",              array("jquery"));
wp_enqueue_scripts("jscrollpane",   $dir . "/jquery.jscrollpane.min.js",    array("jquery"));

// This one happens to rely on jScrollPane
wp_enqueue_scripts("mwheelintent",  $dir . "/mwheelIntent.js",              array("jscrollpane"));
}

PS. N'oubliez pas que le code PHP commence toujours par <?php

Wp-blog-header.php est-il chargé avant de charger category- {slug} .php?