Utilisation de JQuery avec Wordpress dans le bon sens?

Question

J'ai été déconner avec ma diapositive jquery personnalisée (pas un plugin) pour Wordpress. J'ai cherché toute la journée pour savoir comment intégrer javascript dans Wordpress, mais semble rencontrer de nombreuses façons différentes. Donc, ma question principale est de savoir quelle est la manière correcte et la plus rapide de coder le script. D'après ce que j'ai lu, il me semble que je devrais utiliser Wordpress enqueue afin que le script ne soit appelé que sur la page dont il a besoin, sur lequel est dans mon cas index.php. Mais je ne suis pas sûr de la bonne façon de le faire. Aussi, devrais-je ajouter quelque chose à mes fonctions.php?

Voici le script:

<script src="Js/js/jquery-1.6.1.min.js" type="text/javascript"></script> 
<script src="Js/js/jquery.zaccordion.js" type="text/javascript"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
    $("#example4 ul").zAccordion({ 
     slideWidth: 600, 
     width: 900, 
     height: 250, 
     timeout: 5000, 
     slideClass: "frame" 
    }); 
    }); 
</script> 

Et voici ce que j'ai maintenant dans mon header.php:

<?php wp_enqueue_script('jquery'); ?> 
<?php wp_head();?> 
<script type="text/javascript" 
     src="<?php bloginfo("template_url"); ?>/js/jquery-1.6.1.min.js"></script> 
<script type="text/javascript" 
     src="<?php bloginfo("template_url"); ?>/js/jquery.zaccordion.js"></script> 

<script type="text/javascript"> 
    jQuery.noConflict(); 
    jQuery(document).ready(function() { 
    jQuery("#slider ul").zAccordion({ 
     slideWidth: 600, 
     width: 800, 
     height: 250, 
     timeout: 5000, 
     slideClass: "frame" 
    }); 
    }); 
</script> 

Answer 1

Mon conseil (et solution):

WordPress Plugin Development - Guide du débutant Presse Packtlib

Ceci est ar eally bon livre, très clair, simple, et il y a des tonnes de bons exemples que vous pouvez utiliser avec jQuery.

De plus, vous avez les choses réelles que tout le monde doit faire des plugins Wordpress lors de l'écriture;)

Answer 2

Si vous ne voulez pas créer un plug-in alors la deuxième meilleure solution est d'installer le plugin Headspace2 qui vous permettent d'ajouter une JS ou CSS sur n'importe quelle page de l'écran WordPress Admin Edit/post.

Aussi je voudrais transformer votre JS en ligne dans un fichier JS externe (mycustom.js) et l'inclure comme vos autres fichiers JS, mais c'est ma préférence personnelle.

Answer 3

Voici un couple de choses que je peux suggérer:

1. Ne pas inclure vos .js parce que vous êtes déjà les enqueueing
2. Enregistrez votre jquery.zaccordion.js en utilisant wp_register_script puis enqueue comme vous fait avec jquery
3. Vous n'avez pas besoin d'inclure jQuery.noConflict(); puisque WordPress 'jQuery a déjà déclaré. Vous devez inclure jQuery dans votre fichier de thème et l'appeler le fichier functions.php uniquement lorsque vous incluez votre propre jQuery.

Answer 4

Vous pouvez inclure jQuery dans votre fichier de thème. Dans mon cas, le script se trouvait dans le dossier js (your_theme/js /).

La bonne façon de charger des scripts dans WordPress est d'utiliser la fonction wp_enqueue_script.

En functions.php dans votre type de thème:

/** 
* Load jQuery script 
*/ 
if (!is_admin()) { 
    function register_my_jquery() { 
     wp_deregister_script('jquery'); 
     wp_register_script('jquery', get_bloginfo('template_directory') . "/js/jquery.min.js"); 
     wp_enqueue_script('jquery'); 
    } 
    add_action('init', 'register_my_jquery'); 
}