Widget de ticker d'actualités Elementor : postes et barre d'actualités RSS Breaking

News Ticker est un widget Pro dans Master Addons qui ajoute une barre d'actualités défilante à n'importe quelle page Elementor Elementor et Elementor Pro n'ont pas de widget de téléscripteur d'actualités qui leur est propre Celui-ci fait partie de Master Addons Pro. Montrez vos dernières publications, produits ou autres types de publications, ou collez une URL de flux RSS pour exécuter des titres d'un autre site Ajoutez une étiquette “Breaking News”, choisissez un défilement horizontal, vertical ou continu et stylisez l'étiquette, le texte, les vignettes et les flèches du panneau Élémenteur.

Blog ou Contenu RSS externe

Vos propres publications ou un flux RSS

Ticker Type décide d'où viennent les titres Le contenu tire de votre propre site : choisissez un type de publication, filtrez les articles de blog par catégorie ou par balise, puis définissez le nombre d'éléments à afficher et dans quel ordre. Le flux RSS prend une URL de flux et une limite allant jusqu'à 30 éléments, afin que la barre puisse afficher les titres d'un site d'information ou d'un blog partenaire.

  • Source du contenu : articles, produits ou tout autre type de publication publique, avec filtres de catégories et de balises pour les articles de blog.
  • Tri par date, titre, dernière modification, nombre de commentaires, ordre aléatoire et plus encore.
  • RSS Source du flux : collez une URL de flux et choisissez le nombre d'éléments à afficher.

Étiquette d'actualité de rupture, vignettes et dates

Conservez l'étiquette et changez son texte de“Breaking News” à tout ce qui convient, comme “Latest” ou “Offres” Chaque élément peut afficher le titre de la publication ou l'extrait, plus une vignette Les titres peuvent également afficher la date de publication Le curseur de hauteur définit la barre n'importe où de 50 à 500 px Dans l'onglet Style, l'étiquette obtient ses propres couleurs, typographie, rayon de bordure et un angle de ruban qui la joint à la zone de défilement.

  • Étiquette : texte, couleurs, typographie, rayon de bordure et couleur de l'angle du ruban.
  • Articles : titre ou extrait, date facultative, texte et couleurs de survol.
  • Vignettes : définissez la largeur et choisissez une forme carrée ou arrondie.
Contrôles de conception et d'affichage intelligents
Animation et navigation fluides

Billet d'actualités défilant : horizontal, vertical ou continu

Le type de défilement a trois modes Les diapositives horizontales un titre à la fois, Vertical les roule vers le haut, et Horizontal Scroll les exécute sans arrêt comme un chapiteau Allumez la lecture automatique, réglez l'intervalle et la vitesse d'animation en millisecondes, et laissez les visiteurs mettre la barre en pause en la survolant Les flèches précédentes et suivantes laissent les gens traverser les objets eux-mêmes, avec un style séparé pour les états normal et de vol stationnaire.

  • Trois types de défilement : défilement horizontal, vertical et horizontal continu.
  • Lecture automatique avec intervalle, vitesse d'animation et pause sur Hover.
  • Navigation de flèche avec des contrôles de taille, de couleur, de bordure, de rayon et de rembourrage.

Comment ajouter un téléscripteur de nouvelles dans Elementor

Un ticker de poste prend quelques minutes Ces étapes utilisent vos propres articles de blog comme source La version RSS est plus bas dans la page.

  1. Dans l'éditeur Elementor, recherchez dans le panneau News Ticker et déposez le widget où la barre doit se trouver, par exemple un conteneur pleine largeur sous l'en-tête.
  2. Laissez le type de ticker sur le contenu. Ouvrez la requête postale, conservez le type de message sur la publication et choisissez les catégories ou les balises à partir desquelles la barre doit tirer. Définissez la limite de publication, commandez par commande et commandez.
  3. Dans Options de conception, gardez Afficher l'étiquette et modifiez le texte si Breaking News n'est pas l'étiquette que vous souhaitez Choisissez le titre ou l'extrait, puis activez Afficher la vignette et Afficher la date si vous en avez besoin.
  4. Sous Animation, choisissez Défilement horizontal, vertical ou horizontal, définissez l'intervalle de lecture automatique et maintenez Pause sur Survoler afin que les gens puissent lire un titre avant qu'il ne bouge.
  5. Ouvrez l'onglet Style pour colorer l'étiquette, le texte et les flèches, puis publiez La barre récupère chaque nouveau message seule.
Éditeur d'élément montrant le panneau Options de conception du widget Master Addons News Ticker à côté de cinq dispositions de téléscripteurs d'actualités

Le téléscripteur se marie bien avec le Widget blog pour la grille de poteaux en dessous, Curseur de logo pour les logos des partenaires, Chronologie pour les mises à jour datées, Carrousel d'images pour les histoires en vedette et Table des matières sur le long lit les gros titres lien vers.

Ajouter un téléscripteur d'actualités RSS dans WordPress sans code jQuery

La plupart des tutoriels de ticker RSS commencent par un plugin jQuery, un analyseur de flux et votre propre CSS. Sur un site Elementor, le widget News Ticker fait le même travail à partir du panneau.

  1. Activez News Ticker dans le tableau de bord Master Addons Il a besoin d'une licence Pro active.
  2. Faites glisser le widget News Ticker sous votre menu d'en-tête ou dans la section où la barre doit se trouver.
  3. Ouvrez le type de ticker d'actualités et définissez le type de ticker sur le flux RSS.
  4. Collez l'URL du flux, par exemple https ://example.com/feed/, et définissez Posts limites.
  5. Dans Options de conception, modifiez le texte de l'étiquette.
  6. Choisissez un type de défilement dans la section Animation, puis publiez.

Vous voulez plutôt des titres de votre propre blog ? laissez le type de ticker sur le contenu et choisissez des catégories sous Post Query. Pour une mise en page complète du blog à côté du ticker, utilisez le gratuit Widget blog(ou afficher des événements datés avec) Chronologie.

Ce que le widget News Ticker peut et ne peut pas faire

Les tickers Elementor diffèrent principalement par l'origine des titres. Vérifiez cette liste par rapport à tout autre widget avant d'acheter.

Caractéristiquetéléscripteur
Derniers messagesOui
Tout type de publication (produits, types de publication personnalisés)Oui
Filtre de catégorie et de balises (blog posts)Oui
URL de flux RSSOui
Articles de texte manuelsNon
Titre ou extraitOui
VignetteOui
Date (mode titre)Oui
Défilement horizontal, vertical ou continuOui
Pause en vol stationnaireOui
FlèchesOui
Effet dactylographiqueNon

Les titres tapés ne sont pas dans le widget aujourd'hui Pour une annonce fixe, mettez un widget Text Editor dans la même barre, ou publiez l'avis sous forme de publication dans une catégorie à partir de laquelle le téléscripteur tire.

Où mettre un téléscripteur d'actualités : barre d'en-tête, héros ou barre latérale

Le spot habituel est une barre mince au-dessus du menu principal Construisez un modèle d'en-tête dans le Constructeur de thèmes[TRADUCTION], ajoutez un conteneur pleine largeur en haut, déposez le News Ticker, et la barre affiche sur chaque page le modèle couvert Si vous partez de l'un des Modèles d'en-tête d'élémentor1, la barre supérieure est déjà là.

Un héros travaille pour une page d'accueil d'actualités ou de magazines Un téléscripteur horizontal sous le titre garde les messages les plus récents en vue sans pousser la page vers le bas Dans une barre latérale ou une colonne étroite, basculez Type de défilement vers Vertical pour que les titres roulent vers le haut un à la fois, comme l'exemple en direct ci-dessous.

Modèle d'en-tête d'élémentor avec une barre de téléscripteur Breaking news au-dessus du logo du site, du menu et du bouton S'abonner
Visionneuse de modèles
facebook
babiller
WhatsApp
Copier le lien
Acheter Maintenant
Ticker de numéro éditorial
Ticker de numéro éditorial
Bande de fil de rupture
Bande de fil de rupture
Ticker du Market Board
Ticker du Market Board
Billet de pension de départ
Billet de pension de départ
Billet d'état de la plateforme
Billet d'état de la plateforme
Ruban de la journée à saignement complet
Ruban de la journée à saignement complet
Billet d'avis aux visiteurs
Billet d'avis aux visiteurs
Sur panneau de rampe d'air
Sur panneau de rampe d'air
téléscripteur
téléscripteur
News Ticker avec Block Post
News Ticker avec Block Post

Foire aux questions pour le ticker d'actualités

Découvrez les requêtes les plus demandées par les utilisateurs sur News Ticker et trouvez des réponses en un seul endroit.
Le ticker peut-il afficher mes derniers produits WooCommerce ?

Oui. Gardez le type de ticker sur le contenu, ouvrez la requête de publication et définissez le type de message sur le produit. Le ticker affiche ensuite vos produits les plus récents par titre, avec des vignettes si vous les activez. Les filtres Catégories et Balises utilisent des catégories et des balises de blog, alors laissez-les vides pour les produits.

Oui. Le widget lit l'URL du flux que vous avez saisie, donc de nouveaux éléments du flux apparaissent dans le ticker Si votre site utilise la mise en cache des pages, les visiteurs voient les nouveaux titres une fois le cache actualisé.

No. Elementor et Elementor Pro n'en incluent pas. Les options principales les plus proches sont un Loop Carousel ou un texte défilant avec des effets de mouvement, et ni l'un ni l'autre ne lit vos publications ou un flux. Le widget News Ticker est livré avec Master Addons Pro et fonctionne dans n'importe quelle page ou modèle d'en-tête Elementor.

Pas pour le moment Le ticker lit les publications, produits ou autres types de publications de votre site, ou un flux RSS Pour une annonce fixe, ajoutez un widget Text Editor à la même barre, ou publiez l'annonce sous forme de publication dans une catégorie dans laquelle le ticker tire.

Le téléscripteur est-il réactif sur les téléphones ?

Oui. La barre prend la largeur de son conteneur Prévisualisez-la dans la vue mobile d'Elementor et ajustez l'étiquette et la typographie du texte pour les petits écrans Le type de défilement vertical fonctionne également bien dans les endroits étroits comme une barre latérale.

Non, News Ticker fait partie de Master Addons Pro. Si vous n'avez besoin que de logos ou d'images qui défilent sans arrêt, le gratuit Curseur de logo peut faire ça avec autoplay. Notre Guide du chapiteau des éléments compare les deux options.

Oui. Définir le type de ticker sur RSS Flux et collez l'URL du flux, par exemple un site d'actualités ou un blog partenaire Limiter les messages limite le nombre d'éléments affichés, jusqu'à 30, et le flux est lu sur le serveur, afin que les visiteurs n'attendent jamais sur l'autre site.

Oui. Ouvrez le générateur de thèmes, créez ou modifiez un modèle d'en-tête et déposez le ticker d'actualités dans un conteneur pleine largeur au-dessus du menu Le générateur d'en-tête est gratuit dans les modules complémentaires principaux. Le widget ticker lui-même a besoin de Pro.

Widgets et extensions d'éléments tendance

Construisez des sites Web sophistiqués en moins de temps.

Master Addons Extension de glassmorphisme pour Elementor : cartes en verre dépoli avec le contrôle Blur Value réglé sur 20px

Glassmorphisme

Accueil Extension de glassmorphisme des éléments libres : l'effet du verre givré en un seul bascule Le glassmorphisme est givré...
Voir Détails
Extension d'extras de conteneur Master Addons pour élémenteur : conteneur bouché à une largeur maximale de 1 400 px, avec des commandes de largeur maximale, de hauteur maximale, de largeur minimale et de hauteur minimale

Extras de conteneurs

Accueil Elementor Container Max Width et Max Height Controls Container Extras est un Master gratuit...
Voir Détails
Extension de modèles Master Addons pour Elementor : héros avec le style Purple Gradient Grid Left, trois autres styles de modèles et le panneau Enable Pattern

Modèles

Accueil 70+ Motifs d'arrière-plan d'élément libre Patterns est une extension gratuite Master Addons qui ajoute...
Voir Détails
Modules principaux Extension de duplicateur de messages/pages pour le lien de ligne Elementor : MA Duplicator dans la liste des pages WordPress créant une ébauche de page de destination - [Dupliqué n° 128]

Duplicateur de messages/pages

Accueil Dupliquer les pages et les messages des éléments en un clic Le duplicateur de messages/pages est un maître gratuit...
Voir Détails
Modules principaux Lire l'extension de la barre de progression pour Elementor : barre bleue remplie à 42 % en haut d'une page de politique de confidentialité, avec les paramètres d'activation, de position, de hauteur et de couleur de remplissage

Barre de progression de lecture

Accueil Ajouter une barre de progression de lecture dans WordPress (Elementor) La barre de progression de lecture est gratuite...
Voir Détails