Comment créer des téléscripteurs dans WordPress

Si vous avez déjà un site WordPress pour des magazines, des journaux ou des blogs de lecture…, vous aurez peut-être du mal à attirer l'attention des visiteurs sur des articles remarquables car votre site regorge de trop d'informations. Pour résoudre ce problème, les téléscripteurs sont certainement une fonctionnalité parfaite pour rendre votre site de lecture plus lisible, informatif et exceptionnel !

Dans cet article, nous allons vous montrer ce que sont les téléscripteurs, pourquoi nous devrions les utiliser et comment créer un téléscripteur impressionnant en quelques étapes simples et rapides.

Commençons!

Que sont les téléscripteurs ?

Sur certains types de sites Web comme les magazines en ligne, les journaux en ligne, vous pouvez voir des diapositives d'actualités défiler en bas ou dans l'en-tête, le pied de page ou la barre latérale. Ces diapositives d'actualités ressemblent à celles des journaux télévisés.

En regardant le téléscripteur d'un programme d'information télévisé ou d'un site Web de magazine, les téléspectateurs peuvent obtenir les informations les plus importantes et les plus visibles. Il y a généralement de nombreuses informations, appelées ticks , dans un même téléscripteur.

Comme dans le gif ci-dessous, voyez-vous les gros titres en cours d'exécution ? C'est ainsi que fonctionne un téléscripteur.

Un exemple de téléscripteur dans WordPress

Pourquoi devrions-nous utiliser des téléscripteurs ?

Les téléscripteurs présentent divers avantages pour différents types de sites Web :

• Pour les magazines, les téléscripteurs vous aident à mettre en évidence les informations et les publications à remarquer.
• Pour les portfolios, ils attirent l'attention des recruteurs sur votre expérience de travail notable et vos récompenses.
• Pour d'autres types de sites Web, les téléscripteurs eux-mêmes deviendront un point culminant des sites, pour rendre vos blogs, par exemple, plus attrayants et professionnels.

Ainsi, les téléscripteurs sont clairement un outil utile pour les propriétaires de sites Web. Plus que cela, il est très facile d'ajouter des téléscripteurs à votre site Web WordPress. Passons à la partie suivante et obtenez-en un pour vous-même !

Comment ajouter des téléscripteurs dans WordPress ?

Il existe de nombreuses façons d'ajouter un téléscripteur.

Vous pouvez utiliser un thème pré-construit avec des téléscripteurs au début ; ce serait le plus simple. Il suffit de lire attentivement la documentation du thème.

Cependant, tous les thèmes n'ont pas un ticker d'actualités prédéfini comme celui-ci. Donc, dans ces cas, vous pouvez penser à utiliser des constructeurs de pages ou des plugins.

Dans cet article, nous utiliserons un plugin gratuit appelé plugin Ditty News Ticker . Il est gratuit, très facile à utiliser et hautement personnalisable . Il vous suffit de le télécharger et de l'activer sur Dashboard.

Vous pouvez en savoir plus sur l'installation d'un plugin ici.

Maintenant, n'hésitez plus et suivez nos 3 étapes pour avoir un ticker d'actualité incroyable sur votre site :

Étape 1 : ajouter un nouveau téléscripteur

Tout d'abord, accédez à News Ticker > Ajouter un nouveau .

Sur l'écran suivant, vous verrez 5 onglets ci-dessous : Ajouter un titre, un code court, un mode téléscripteur, un type de téléscripteur et des paramètres généraux . Ces onglets sont utilisés pour configurer et afficher vos téléscripteurs.

Pensez-vous qu'il y a trop de choses à garder à l'esprit? Ne vous inquiétez pas, nous allons le rendre court et clair pour vous :

Tout d'abord, donnez un nom à votre téléscripteur. Tapez le nom dans l'onglet Ajouter un titre . Le titre est généralement affiché en haut du téléscripteur, alors essayez de trouver un nom attrayant pour attirer l'attention des visiteurs.

Après cela, cliquez sur Type de téléscripteur , puis ajoutez le contenu à afficher dans le téléscripteur (avec un lien si nécessaire) dans la section Texte du téléscripteur .

Comme je l'ai mentionné plus haut, votre téléscripteur peut contenir de nombreuses ticks . Cliquez simplement sur le bouton ( + ) pour en ajouter un, et cliquez sur le bouton ( x ) pour le supprimer.

Étape 2 : Configurer News Ticker

Après avoir créé un nouveau téléscripteur, vous devez le rendre plus accrocheur en le configurant.

Tout d'abord, choisissez comment vos tickers d'actualités seront affichés. Cliquez sur Mode téléscripteur , vous verrez 3 options : Défilement, Rotation et Liste . En fait, Scroll est l'option la plus courante, mais vous pouvez décider quelle est la plus appropriée pour votre site.

Une fois que vous avez choisi l'une des trois options ci-dessus, vous pouvez ajuster le comportement des tickers via différents onglets ci-dessous.

Personnellement, j'ai choisi le mode Défilement , je vais donc ajuster l'action de défilement. Il y a deux choses importantes à noter : la vitesse de défilement et l' espace de coche . En fait, vous devez essayer plusieurs fois pour trouver les paramètres les plus appropriés. Pour moi, je préfère la vitesse de défilement de 8 et l'espacement des ticks de 10 pixels.

En outre, je coche également l'option Pause au passage de la souris , afin que le téléscripteur cesse de bouger lorsque je souhaite cliquer sur une coche.

De plus, lorsque vous cliquez sur Paramètres généraux , vous verrez d'autres options pour personnaliser les tickers. Par exemple, si vous voulez que le titre des téléscripteurs soit au-dessus d'eux, cochez Afficher le titre . Ou si vous souhaitez masquer les tickers lorsqu'il n'y a pas de ticks, cochez l'option comme dans l'image ci-dessous.

Maintenant, votre téléscripteur est prêt à être affiché !

Étape 3 : Afficher les tickers d'actualités

Revenons à l'onglet Shortcode en haut de l'écran :

Le téléscripteur sera affiché à l'endroit où vous insérez ce shortcode. Vous pouvez l'ajouter à n'importe quelle position : pied de page de la page d'accueil, publication, widget de la barre latérale,…

Normalement, nous n'utilisons pas de téléscripteurs pour le contenu d'un article. Il serait préférable que vous placiez des téléscripteurs sur l'en-tête, le pied de page ou la barre latérale. Je peux vous donner un exemple de téléscripteur d'une barre latérale. Tout d'abord, je choisis une page au hasard, allez dans son Aperçu > Personnaliser > Widget .

Ensuite, allez dans Barre latérale > Ajouter un widget . Vous verrez beaucoup d'options pour des barres latérales supplémentaires comme Audio, Calendrier,… Choisissez Texte, puis vous verrez une petite boîte pour ajouter le nom de la barre latérale et coller votre shortcode :

Vous avez fait de nombreuses étapes, n'est-ce pas ? Mais si vous voulez embellir vos tickers d'actualités, avec des couleurs, une taille de police, une opacité,…, vous avez encore un peu de travail à faire. La version gratuite de ce plugin ne permet pas aux utilisateurs d'ajuster ces paramètres. Nous n'avons donc que le résultat comme le gif ci-dessous :

Les téléscripteurs ne sont pas si beaux, alors je les ai un peu stylisés avec CSS. Allez dans Personnaliser > CSS supplémentaire .

Là, vous verrez une petite boîte pour ajouter du code. Ces codes changeront l'apparence de vos téléscripteurs.

J'utilise le thème Memory avec la palette principale de bleu et de blanc. Par conséquent, j'ai ajouté ce CSS pour avoir un téléscripteur de couleur bleue :

 .mtphr-dnt-tick-contents a {
	couleur: var(--main-color);
}

.mtphr-dnt-tick-contents a:hover {
	couleur : #000 ;
}

Cliquez sur Publier et voyez ce que nous avons :

Voici juste un exemple simple pour vous. Je suis sûr que vous pouvez créer vous-même un ticker d'actualités beaucoup plus étonnant. Essayons!

Derniers mots

Il s'agit donc d' ajouter un téléscripteur à votre site WordPress par le plugin Ditty News Ticker . Nous avons fait de notre mieux pour que ce soit court et clair, nous espérons donc que cet article vous sera utile.

Peut-être que vous avez des questions ou des questions sur notre tutoriel, alors n'hésitez pas à nous le dire dans la section commentaires. Nous sommes disposés à vous montrer un didacticiel plus détaillé sur les options avancées de ce plugin, ou d'autres méthodes pour ajouter des téléscripteurs sans utiliser de plugins. Alors, n'oubliez pas de nous connecter !