Intégrer Owl Carousel
à WordPress

Créez simplement et gratuitement des carousels et des sliders
sur WordPress sans avoir à installer de plugin.

Article owl carousel

Téléchargez et incorporez
manuellement Owl Carousel

logo owl carousel

Téléchargez Owl Carousel

Téléchargez Owl Carousel ici

Ouvrez le fichier ZIP et extrayez ces deux fichiers :

  1. Dossier dist -> fichier owl.carousel.min.js
  2. Dossier dist -> dossier assets -> fichier owl.carousel.min.css

Intégrez Owl Carousel à WordPress

  1. Ouvrez votre FTP, là où vos fichiers du site se trouvent.
  2. Cliquez ici pour apprendre à utiliser ou à ouvrir votre FTP

  3. Une fois connecté au FTP, trouvez le dossier du thème actif.
    Le chemin est wp-content/themes/ VOTRETHEME
  4. Créons un nouveau dossier à l'intérieur du dossier de votre thème nommé owlcarousel
  5. Placez-y les deux fichiers récupérés
incorporer Owl carousel


Si vous ne savez pas quel thème vous utilisez, rendez-vous dans l'adminitration de votre site WordPress (/wp-admin), puis dans l'onglet apparence et thèmes. Le thème actif sera le premier. Repérez le nom, il devrait correspondre au dossier sur votre FTP.

Ajout ordering colonne Divi
  1. Toujours à l'intérieur du dossier de votrte thème, trouvez le fichier
    functions.php et ouvrez-le.
  2. Tout à la fin, placez le code suivant. Attention ! Si vous n'avez pas exactement suivi ce tutorial, il vous faudra remplacer certains détails en fonction du chemin et des noms de dossier utilisés

Ce code va venir chercher les deux fichiers dans le dossier nommé owlcarousel à l'intérieur du dossier de votre thème.

function load_my_script(){
          wp_register_script( 
              'owlcarousel', 
              get_template_directory_uri() . '/owlcarousel/owl.carousel.min.js', 
              array( 'jquery' )
          );
          wp_enqueue_script( 'owlcarousel' );
          wp_register_script( 
              'owl', 
              get_template_directory_uri() . '/owlcarousel/owl.js', 
              array( 'jquery' )
          );
          wp_enqueue_script( 'owl' );
      }
      add_action('wp_enqueue_scripts', 'load_my_script');
Besoin d'aide pour développer votre site ?