De nombreux sites Web utilisent une ligne de texte défilante en haut pour mettre en évidence les actualités, les soldes ou les annonces.
Cette fonctionnalité, appelée bandeau d'actualités, est un moyen simple et efficace de s'assurer que les mises à jour importantes ne passent pas inaperçues.
Nous avons utilisé des bandeaux d'actualités sur nos propres sites pour mettre en évidence les offres à durée limitée et les annonces, et ils nous ont aidés à tenir les visiteurs informés sans encombrer la page.
Dans ce guide, nous vous montrerons comment ajouter un bandeau d'actualités défilant à votre site WordPress.

Qu'est-ce qu'un bandeau d'actualités défilant ?
Un bandeau d'actualités est une seule ligne de texte qui défile en continu à travers l'écran. Il affiche généralement les actualités du moment, les résultats sportifs, les informations financières et monétaires en direct, et les informations météorologiques.
C'est similaire à la façon dont vous pourriez utiliser une barre de pied de page flottante et collante.
Les bandeaux sont un excellent moyen d'afficher de petits extraits d'informations de manière accrocheuse. Comme le contenu défile constamment, vous pouvez également utiliser des bandeaux pour afficher beaucoup d'informations dans un espace limité.
Par exemple, vous pourriez utiliser cet élément de design WordPress pour afficher vos articles les plus performants, annoncer une vente à venir ou partager d'autres informations utiles.
Cela étant dit, examinons comment ajouter un bandeau d'actualités défilant à votre blog WordPress ou site web.
Comment ajouter un bandeau d'actualités défilant dans WordPress
En recherchant comment créer un bandeau d'actualités, nous avons constaté que la méthode la plus simple consiste à utiliser un plugin. Bien que le CSS personnalisé offre un certain niveau de personnalisation, ce n'est pas la solution la plus conviviale pour les débutants.
Et le meilleur plugin pour cette tâche est Ditty News Ticker. C'est l'un des meilleurs plugins d'actualités WordPress que nous ayons trouvés jusqu'à présent.
Avec lui, vous pouvez ajouter du contenu mobile, défilant et glissant à votre site web, puis modifier la direction, l'espacement, la vitesse et le style de l'animation.
La première chose à faire est d'installer et d'activer le plugin. Pour plus de détails, consultez notre guide complet sur comment installer un plugin WordPress.
Après l'activation, vous devez aller dans Ditty » Ajouter nouveau dans le tableau de bord WordPress, puis cliquer sur le bouton « Ajouter par défaut ».

Vous pouvez maintenant créer le premier élément du bandeau d'actualités réactif. Dans la boîte « Contenu », tapez simplement le texte que vous souhaitez afficher sur le bandeau défilant.
Ici, vous pouvez faire une annonce ou partager des informations utiles, similaire à une bannière de site Web. Par exemple, vous pouvez informer les acheteurs d'une vente prévue ou de derniers articles.

Vous pouvez également ajouter des liens à l'élément d'actualité afin que les gens puissent facilement visiter la page ou l'article présenté dans le fil d'actualité.
Pour ce faire, ajoutez simplement une URL dans le champ « Lien ».

Vous pouvez également ajouter un titre de lien, marquer l'URL comme nofollow, et plus encore.
Pour tirer le meilleur parti du fil d'actualité, vous voudrez peut-être ajouter plusieurs éléments d'actualité en cliquant sur le bouton « Mettre à jour les paramètres de l'élément ».

L'aperçu sera maintenant mis à jour pour afficher l'élément que vous venez de créer.
Pour continuer et ajouter un autre élément au fil d'actualité, cliquez sur le bouton « Ajouter un élément ».

Vous pouvez maintenant cliquer sur « Ajouter par défaut » et créer l'élément en suivant le processus décrit ci-dessus.
Répétez simplement ces étapes pour ajouter d'autres éléments au fil d'actualité.
Lorsque vous êtes satisfait de vos éléments, vous voudrez peut-être changer l'ordre dans lequel ils apparaissent dans le bandeau. Pour ce faire, il suffit de saisir l'élément que vous souhaitez modifier et de le faire glisser et déposer à une nouvelle position.

Par défaut, Ditty affiche vos éléments dans une liste.
Puisque vous voulez créer un bandeau défilant, cliquez sur l'onglet « Affichage ».

Sur cet écran, cliquez sur le lien « Changer le type ».
Dans la fenêtre contextuelle qui apparaît, sélectionnez « Bandeau » puis cliquez sur « Mettre à jour le type ».

Vous pouvez maintenant changer l'apparence et le comportement du bandeau sur votre site WordPress.
Cela inclut la modification de la direction du défilement, de la vitesse et de l'espacement entre les éléments du bandeau.

Vous pouvez également choisir entre différents styles pour le conteneur du bandeau, les éléments, les titres, etc. La plupart de ces paramètres sont explicites, il vaut donc la peine de les parcourir pour voir quels changements vous souhaitez apporter.
Lorsque vous êtes satisfait de la configuration du bandeau, cliquez sur le bouton « Enregistrer Ditty ».

Après cela, vous êtes prêt à ajouter le bandeau à votre site à l'aide d'un shortcode. Pour obtenir ce shortcode, cliquez sur l'onglet « Paramètres ».
Maintenant, copiez la valeur dans le champ « Shortcode ».

Une fois cela fait, vous pouvez ajouter le shortcode à n'importe quelle page, publication ou zone prête pour les widgets. Pour plus d'informations sur la façon de placer le shortcode, veuillez consulter notre guide sur comment ajouter un shortcode.
Une fois que vous avez fait cela, mettez simplement à jour ou publiez vos modifications pour rendre le bandeau visible sur votre site WordPress.

🎁 Bonus : Ajoutez une barre de pied de page fixe pour un impact maximal
Alors qu'un bandeau d'actualités défilant aide à mettre en évidence les annonces en rotation, le combiner avec une barre de pied de page fixe et flottante peut attirer efficacement l'attention des visiteurs à différentes fins.
La barre de pied de page maintient les informations essentielles et statiques visibles, tandis que le bandeau d'actualités garantit que les mises à jour opportunes sont au premier plan.
Avec des outils comme OptinMonster, vous pouvez créer des barres de pied de page attrayantes et les coordonner avec votre fil d'actualités pour présenter des offres spéciales, des nouvelles urgentes ou des articles populaires.

Considérez le pied de page comme un appel à l'action constant, tandis que le fil d'actualités diffuse des mises à jour importantes à court terme.
Ensemble, ces fonctionnalités améliorent l'expérience utilisateur et peuvent augmenter les taux de conversion en encourageant un engagement opportun avec les offres et le contenu clé.
Pour commencer, consultez notre tutoriel sur comment créer une barre de pied de page flottante et fixe dans WordPress.
Nous espérons que ce tutoriel vous a aidé à apprendre comment ajouter un fil d'actualités défilant dans WordPress. Vous pourriez également vouloir apprendre comment mettre en évidence les nouveaux articles pour les visiteurs récurrents ou consulter notre sélection d'experts des meilleures astuces de barre latérale WordPress pour obtenir des résultats maximums.
Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.

Jiří Vaněk
Merci pour cet article ; il m'a aidé à résoudre un problème que je rencontrais depuis un an. J'ai un blog et je voulais ajouter un soi-disant microblog, une petite section sur le site où je pourrais publier des mises à jour très rapides et concises sur les nouveaux développements. Cependant, il n'existe actuellement pas de plugin spécifique pour le microblogging. Cette méthode est exactement ce dont j'avais besoin pour enfin résoudre le problème du microblog et ajouter des mises à jour rapides et courtes à mon site. Je suis ravi d'avoir trouvé une solution utilisable après un an – fantastique !
kzain
J'ai voulu modifier l'apparence de mes liens et cet article m'a rendu la tâche très facile. L'option personnaliseur était parfaite pour mes besoins de base, mais je garderai certainement la méthode CSS à l'esprit pour des modifications plus avancées.
Envisagez d'utiliser un outil de palette de couleurs pour vous assurer que la couleur de votre lien contraste bien avec le reste du design de votre site web.
Lin
J'ai deux sites web. Puis-je ajouter un fil d'actualité sur un site qui reflétera l'autre site ?
Support WPBeginner
Bien que le fil d'actualité ne transmette pas les informations à votre autre site, vous pouvez certainement ajouter les mêmes informations dans le fil d'actualité.
Admin
karbhari
Comment ajouter le titre "Dernières nouvelles" au fil d'actualité, après l'en-tête sur la page principale, il s'affiche sur mon site.
Anna Sue
Où entrez-vous le texte pour votre fil d'actualité ? Mon installation n'affiche pas certains des éléments que vous avez dans vos captures d'écran.
Anna Sue
Je pense que c'est le fil d'actualité que je veux, mais, comme dans de nombreuses vidéos en ligne sur les plugins, vous avez parlé et bougé si vite que je n'ai pas pu suivre les instructions.
H.M.Mohiuddin
comment puis-je ajouter un fil d'actualité sans utiliser de plugin
plazma
ce n'est pas dynamique.
felix
Comment ajouter le titre "Dernières nouvelles" au fil d'actualité, il s'affiche sur mon site, mais je n'ai pas vu où ajouter si ce sont les dernières nouvelles ou les dernières mises à jour, etc.
hosam abdallah
très bon plugin mais j'ai une question
j'utilise artisteer pour créer mes thèmes, pouvez-vous me dire où je peux ajouter une fonction php à un widget
dans celui-ci ou à partir d'où puis-je l'ajouter à mes thèmes
Abdulmumin
Bonjour, S'il vous plaît, comment puis-je ajouter la fonction directe, kindly fournir l'instruction étape par étape pour ajouter la fonction directe.
J'ai ajouté le shortcode sur ma page "À propos" et cela a fonctionné, mais je l'ai ajouté sur ma page d'accueil et cela n'a pas fonctionné... kindly advice
Support WPBeginner
Copiez simplement la fonction Direct comme montré dans la dernière capture d'écran de l'article et collez-la dans le fichier home.php ou header.php de votre thème. Collez-la à l'endroit où vous souhaitez que votre fil d'actualité apparaisse.
Admin
Sujani
salut,
merci d'avoir donné les instructions clairement.. j'avais une question où devons-nous mettre le shortcode et la fonction directe ?
le plaçons-nous dans le post/la page ?
Merci,
Sujani
Support WPBeginner
shortcode pour les articles/pages/widgets et fonction directe si vous souhaitez l'intégrer directement dans les fichiers de votre thème.
Admin
Peter Johnson
Cela semble être un excellent thème, car je ne suis pas un développeur PHP mais je veux utiliser ce thème et l'intégrer sur mon blog WordPress. Je veux juste que vous décriviez comment je peux utiliser ce thème sur mon blog afin que mes dernières nouvelles puissent être affichées en haut de mon menu ou en dessous de mon menu principal comme un diaporama à la télévision. S'il vous plaît, j'ai besoin d'une procédure.
Merci
Mackenzie
Merci, très bon tutoriel.