Comment ajouter un Curseur d’image dans l’en-tête WordPress

par Waseem Abbas le 5 septembre 2017

Share57Tweet0Share0Shares57

Voulez-vous créer un curseur d’image dans l’en-tête de votre site? Parfois, vous devez afficher les meilleures offres, appeler à des actions ou de bonnes photos dans l’en-tête de votre site avec un curseur d’image, de sorte qu’il semble professionnel pour les visiteurs. Dans ce tutoriel, nous allons partager comment ajouter un curseur d’image dans l’en-tête WordPress.

Par défaut, il n’y a pas d’option pour ajouter un curseur d’image dans l’en-tête WordPress. Cependant, quelques thèmes WordPress peuvent proposer des plugins pour créer des curseurs. Nous vous recommandons d’utiliser le plugin Soliloquy slider simple mais doté de nombreuses fonctionnalités. Il vous permet d’ajouter facilement le curseur d’image dans l’en-tête de votre site.

Pour ajouter un curseur d’image dans l’en-tête WordPress, vous devez suivre ces 3 étapes:

  • Étape 1. Installez et activez le plugin Soliloquy slider
  • Étape 2. Créez un curseur d’image pour l’en-tête WordPress
  • Étape 3. Copiez la balise de modèle et ajoutez-la dans l’en-tête du thème

À la fin de ce tutoriel, vous pourrez ajouter un curseur d’image dans l’en-tête WordPress qui ressemblera à l’image ci-dessous:

 Curseur d'image dans l'en-tête WordPress

 Curseur d'image dans l'en-tête WordPress

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 WordPress Soliloquy image slider sur votre site.

 Site web de Soliloque

 Site web de Soliloquy

Vous voulez en savoir plus sur l’installation ? Consultez ce guide simple sur la façon d’installer et d’activer le plugin Soliloquy.

Étape 2: Créer un Curseur d’image pour l’en-tête WordPress

Une fois le plugin activé, vous devez aller à Soliloquy « Ajouter nouveau pour créer un nouveau curseur d’image. Pour commencer, vous devez ajouter le titre et déposer les photos dans la section du curseur natif.

 Ajouter des images

 Ajouter des images

Appuyez sur le bouton Publier sur le côté droit de votre écran. Pour plus de paramètres de curseur, vous devriez consulter notre guide sur la création d’un curseur d’image dans WordPress.

Étape 3: Copiez la balise de modèle et Ajoutez-la dans l’en-tête du thème

Lors de la publication du curseur d’image, vous verrez un nouveau widget sur le côté droit en tant que Code de curseur Soliloque. Copiez simplement la balise de modèle à partir d’ici:

 Copier la balise de modèle

 Copiez la balise de modèle

Maintenant, vous devriez aller au fichier header.php de votre thème WordPress. Vous pouvez le trouver en apparence  » Éditeur sur votre backend d’administration WordPress.

Remarque: Assurez-vous de sauvegarder votre site avant de modifier vos fichiers de modèle, car une erreur pourrait faire tomber tout votre site.

Allez-y et collez le shortcode dans ce fichier comme indiqué dans l’image ci-dessous:

 Ajouter un Code

 Ajouter le code

Notez que cet exemple utilise le thème WordPress par défaut Twenty Sixteen. Votre fichier peut être différent si vous utilisez un thème différent, et vous devrez peut-être coller le code à un emplacement différent.

Une fois que vous avez enregistré vos modifications, votre curseur d’image apparaîtra dans l’en-tête WordPress sur toutes les pages de votre site qui ressembleront comme indiqué dans cette image ci-dessous:

 Curseur d'image dans l'en-tête WordPress

 Curseur d'image dans l'en-tête WordPress

C’est tout. Nous espérons que ce tutoriel vous a aidé à apprendre à ajouter un curseur d’image dans l’en-tête WordPress. Vous pouvez également consulter notre guide sur la façon d’ajouter un curseur d’image à une barre latérale dans WordPress. Dans le cas où vos images de slider 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.

Share57Tweet0Share0Shares57
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.