par Waseem Abbas le 5 septembre 2017
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:
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.
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.
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:
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:
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:
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.