Comment ajouter un Curseur d’image à la Page de modèle WordPress

par Waseem Abbas le 21 septembre 2017

Share0Tweet0Share0Shares0

Voulez-vous ajouter le curseur WordPress à vos fichiers de thème? Parfois, vous devrez peut-être afficher le curseur d’image sur une page de modèle de votre site et les codes courts ne fonctionneront pas là-bas. Dans ce tutoriel, nous allons partager comment ajouter un curseur d’image à la page du modèle WordPress.

Les pages de modèles WordPress sont les fichiers de thème avec le code. Bien que vous ayez besoin d’un plugin comme Soliloquy pour créer le curseur d’image sur votre site. Ce plugin vous permet d’ajouter simplement votre curseur d’image sur une page de modèle.

Notez que ce tutoriel est un peu plus avancé que la plupart de nos tutoriels. Vous devrez maîtriser les bases de PHP pour savoir où placer le code dans votre page de modèle, car chaque thème WordPress est différent. Vous devez également vous assurer de sauvegarder votre site WordPress avant de modifier vos pages de modèles.

Pour ajouter un curseur d’image à la page du modèle WordPress, vous devez suivre ces 4 étapes:

  • Étape 1. Installez et activez le plugin Soliloquy slider
  • Étape 2. Créez un curseur d’image sur votre site WordPress
  • Étape 3. Copiez la balise de modèle à partir du widget de la barre latérale
  • Étape 4. Modifiez la page du modèle et collez le code

Prêt à commencer? Allons-y!

Étape 1: Installez et activez le plugin Soliloquy Slider

La première chose à faire est d’installer et d’activer le plugin Soliloquy slider sur votre backend d’administration WordPress.

 Site web de Soliloque

 Site web de Soliloquy

Vous voulez en savoir plus sur le processus d’installation? Vous devriez consulter ce guide simple sur la façon d’installer Soliloquy dans WordPress.

Etape 2: Créer un Slider d’Image sur votre Site WordPress

Après avoir activé le plugin, vous devez vous rendre sur Soliloquy « Ajouter du nouveau depuis votre administrateur WordPress pour créer un nouveau slider sur votre site.

Commencez par le titre et déposez vos photos dans la section du curseur natif.

 Ajouter des photos

 Ajouter des photos

Pour plus de détails sur les paramètres du curseur, vous devriez consulter ce guide sur la création d’un curseur d’image dans WordPress.

Étape 3: Copiez la balise de modèle À partir du widget de la barre latérale

Appuyez sur le bouton Publier après avoir ajouté les photos. Vous verrez un nouveau widget en tant que code de curseur Soliloque. Copiez la balise de modèle à partir d’ici.

 Copier la balise de modèle

 Copiez la balise de modèle

C’est le code que vous devez ajouter dans votre fichier de thème ou votre page de modèle pour afficher le curseur d’image.

Étape 4: Modifiez la Page du modèle et collez le Code

Maintenant, allez dans l’éditeur « Apparence » de votre backend d’administration WordPress et modifiez le fichier dans lequel vous souhaitez afficher votre curseur. Collez le shortcode dans cette page de modèle.

 Ajouter une balise de modèle

 Ajouter la balise de modèle

Assurez-vous d’enregistrer le fichier. Votre curseur d’image apparaîtra avec succès sur votre page de modèle WordPress selon vos besoins.

C’est tout. Nous espérons que ce tutoriel vous a aidé à apprendre à ajouter un curseur d’image à la page de modèle WordPress. Vous voudrez peut-être également consulter notre guide sur les raisons 10 de choisir Soliloquy comme plugin de curseur WordPress. Dans le cas où vos images ne se classeraient pas dans les moteurs de recherche, vous devriez consulter ce guide de référencement WordPress ultimage pour les débutants.

Si vous aimez ce tutoriel, suivez-nous sur Facebook et Twitter pour plus de guides et de ressources WordPress gratuits.

Share0Tweet0Share0Shares0
Publié par Waseem Abbas
Waseem Abbas est rédactrice de contenu pour SoliloquyWP et Envira Gallery.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.