Tutoriels WordPress de confiance, quand vous en avez le plus besoin.
Guide du débutant pour WordPress
WPB Cup
25 millions+
Sites web utilisant nos plugins
16+
Années d'expérience WordPress
3000+
Tutoriels WordPress par des experts

Comment ajouter un bandeau d'actualités défilant dans WordPress

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.

Comment ajouter un bandeau d'actualités défilant dans 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 ».

Ajouter un bandeau à votre site WordPress

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.

Ajouter du contenu à un bandeau en ligne

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

Ajouter des liens à un bandeau de site web

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

Ajouter un bandeau d'actualités défilant à WordPress

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

Ajouter des éléments à un bandeau d'actualités défilant

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.

Modifier l'ordre des éléments du bandeau dans un flux d'actualités défilant

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

Créer un bandeau animé dans WordPress

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

Comment créer un bandeau défilant dans WordPress

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.

Personnaliser un bandeau animé

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

Enregistrer les paramètres du bandeau dans WordPress

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

Ajouter un bandeau à un site web en utilisant un 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.

Aperçu du bandeau d'actualités

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

Aperçu de la barre de pied de page OptinMonster

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.

Avis : Notre contenu est financé par nos lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons percevoir une commission. Voir comment WPBeginner est financé, pourquoi c'est important et comment vous pouvez nous soutenir. Voici notre processus éditorial.

La boîte à outils WordPress ultime

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tout professionnel devrait posséder !

Interactions des lecteurs

17 CommentsLeave a Reply

  1. 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 !

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

    • 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

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

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

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

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

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

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

    • 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

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

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

Laisser un commentaire

Merci d'avoir choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.