Problème intégration jquery dans wordpress (Créer un compte)

  • WordPress :5.2
  • Statut : hors support
4 sujets de 1 à 4 (sur un total de 4)
  • Auteur
    Messages
  • #2282607
    zup44
    Participant
    Padawan WordPress
    93 contributions

    Ma configuration WP actuelle

    • Version de PHP/MySQL :  PHP 7
    • Thème utilisé : OceanWP
    • Extensions en place : Advanced Custom Fields, Advanced Custom Fields PRO, Elementor, Post grid and filter ultimate, 
    • Nom de l’hébergeur :  OVH
    • Adresse du site : https://eugenedegirardin.com/albums/

    Problème(s) rencontré(s) :

    Bonjour la communauté,

    J’intègre dans WordPress et le théme OceanWp  la galerie : https://tympanus.net/codrops/2010/11/14/animated-portfolio-gallery/ avec ACF PRO.

    L’intégration de la galerie avec ACF PRO pas de soucis, je galère juste avec l’intégration de Jquery dans wordpress car ça ne fonctionne pas.

    Je dois ajouter les scripts suivants :

    <script type=”text/javascript” src=”js/jquery.1.4.3.min.js”></script>
    <script type=”text/javascript” src=”js/jquery.easing.1.3.js”></script>
    <script type=”text/javascript” src=”js/visionneuse.js”></script>

    J’ai intégré comme ça dans le fichier functions.php de mon théme enfant OceanWp :

    add_action( ‘wp_enqueue_scripts’, ‘themeprefix_slick_enqueue_scripts_styles’ );
    function themeprefix_slick_enqueue_scripts_styles() {

    wp_enqueue_script( ‘jqueryeasing13js’, get_stylesheet_directory_uri() . ‘/js/jquery-easing-1-3.js’, array( ‘jquery’ ), true );
    wp_enqueue_script( ‘visionneusejs’, get_stylesheet_directory_uri(). ‘/js/visionneuse.js’, array( ‘jqueryeasing13js’ ), true );
    }

    Je ne pense pas faire de la bonne façon car Jquery et le script ne fonctionne pas,  la galerie ne marche pas voici l’url de mon site avec la galerie : https://eugenedegirardin.com/albums/ pouvez vous m’expliquer ce qui cloche car je n’y arrive ??

    Merci d’avance la communauté pour vos lumière et votre aide !! 🙂

    #2282730
    momofr@free.fr
    Modérateur
    Maître WordPress
    3483 contributions

    Salut, ton prototype de portfolio date un peu (2010) et je note qu’il n’est pas responsif (marchera pas bien sur tablette et mobile). Les version jquery demandées sont obsolètes et vont aller contre les versions actualisées chargées par le thème. Ça ne me semble pas une bonne solution.

    Ceci dit la console web ne trace pas tes scripts, ils ne sont pas chargés, un problème avec l’appel dans functions.php je pense.

    #2282742
    zup44
    Participant
    Padawan WordPress
    93 contributions

    Merci pour tes lumières !! Je suis pas très bon en jquery. peux tu me dire ce qui cloche dans l’appel dans mon fichier function.php :

    add_action( ‘wp_enqueue_scripts’, ‘themeprefix_slick_enqueue_scripts_styles’ );
    function themeprefix_slick_enqueue_scripts_styles() {

    wp_enqueue_script( ‘jqueryeasing13js’, get_stylesheet_directory_uri() . ‘/js/jquery-easing-1-3.js’, array( ‘jquery’ ), true );
    wp_enqueue_script( ‘visionneusejs’, get_stylesheet_directory_uri(). ‘/js/visionneuse.js’, array( ‘jqueryeasing13js’ ), true );
    }

    Car je bloque !! Il faut que j’appelle une version plus récente de jquery-easing ?? Je sais plus trop comment faire !!

    Merci pour ton aide 🙂

    #2284060
    fulachan
    Participant
    Initié WordPress
    18 contributions

    Bonjour Zup44,

     

    Je galère aussi sur un problème similaire sur l’intégration Javascript et CSS dans WordPress

    Pour ma part, j’ai un peu avancé et je me suis aperçu qu’avec une source en CDN, cela fonctionne. En fait c’est par le biais de l’intégration du CSS (fontawesome) qui reprend un peut les même fonction que pour le javascript dans le fichier functions.php que j’ai découvert le problème. Le javascript se chargeait bien et laisse la place à mon menu responsive en jquery mais n’affichait pas l’icone.

    Pour la partie Javascript, j’y suis allé petit à petit en ne chargant uniquement le jquery via functions.php comme ceci

    function charger_jquery() {
    	wp_enqueue_script( 'jquery' );
    
    }
    add_action( 'wp_enqueue_scripts', 'charger_jquery' );

    Concernant le jQuery, il n’est pas nécessaire de l’enregistrer avec register car il est déja intégré à WordPress. Seul un enqueue (file d’attente) est nécessaire et tous simplement juste après mon <body> (chose que je n’est pas compris), j’ai mis mes scripts. ca fonctionne bien comme ceci.

        <script src=<?php echo get_template_directory_uri()."/assets/js/jquery.scrolly.min.js"; ?>></script>
        <script src=<?php echo get_template_directory_uri()."/assets/js/jquery.scrollex.min.js"; ?>></script>
        <script src=<?php echo get_template_directory_uri()."/assets/js/browser.min.js"; ?>></script>
        <script src=<?php echo get_template_directory_uri()."/assets/js/breakpoints.min.js"; ?>></script>
        <script src=<?php echo get_template_directory_uri()."/assets/js/util.js"; ?>></script>
        <script src=<?php echo get_template_directory_uri()."/assets/js/main.js"; ?>></script>

     

    Par contre en mettant dans functions.php mes scripts via register et enqueue, cela marche pas malgré le fait que lorsque je met un alert(“jlkjkl”); dans mes scripts cela fonctionne donc il y a bien détection des scripts mes aucune execution. N’ayant pas trouvé les CDN de mes scripts, j’ai pas pu testé mais pour en revenir au CSS casi identique, j’ai fini par comprendre que ce son le lien de mon dossier de  webfont qui ne charge pas. Je tourne autour mais je pense à un problème de lien dans mon cas et dans votre cas.

     

4 sujets de 1 à 4 (sur un total de 4)
  • Vous devez être connecté pour répondre à ce sujet.