Documentation SeedProd

Documentation, matériel de référence et tutoriels pour SeedProd

X (Twitter) Embed Timeline Block

Le bloc X (Twitter) Embed Timeline vous permet d'intégrer un flux en direct de tweets provenant de n'importe quel compte public X (Twitter) directement sur votre page SeedProd. Les visiteurs peuvent faire défiler les publications récentes sans quitter votre site, ajoutant ainsi du contenu social dynamique et en temps réel à votre page.

Ce bloc est utile pour renforcer la preuve sociale, actualiser le contenu de votre page et encourager les visiteurs à suivre votre compte X (Twitter). Vous pouvez contrôler les dimensions de la chronologie, la palette de couleurs, la langue et les éléments d'interface (tels que l'en-tête, le pied de page, les bordures et la barre de défilement) qui sont affichés ou masqués.

X (Twitter) Bloc Embed Timeline affichant un flux de tweets en direct intégré à une page SeedProd

Exigences :le bloc X (Twitter) Embed Timeline est disponible dans toutes nosoffres de licence.

Avis de dépréciation :X (Twitter) a discrètement déprécié la fonctionnalité Timeline. Ce bloc sera déprécié dans une prochaine mise à jour de SeedProd.


Ajouter le bloc Chronologie intégrée X (Twitter) à vos pages

Suivez ces étapes pour ajouter un bloc X (Twitter) Embed Timeline à votre page SeedProd :

Étape 1 : Ajouter le bloc

Sous Design > Blocs, glissez-déposez le bloc X (Twitter) Embed Timeline dans la section souhaitée de votre page.

Faites glisser le bloc « X (Twitter) Embed Timeline » sur une page SeedProd.

Étape 2 : Configurer les paramètres de contenu

Une fois ajouté, cliquez sur le bloc X (Twitter) Embed Timeline pour ouvrir ses paramètres. Dans l'onglet Contenu, vous trouverez les options suivantes dans la section Paramètres X (Twitter):

  • X (Twitter) Identifiant : Entrez le nom d'utilisateur X (Twitter) dont vous souhaitez afficher le fil d'actualité (par exemple, seedprod). N'incluez pas le symbole @.
  • Palette de couleurs : choisissez entre Clair et Foncé pour adapter le widget de la chronologie au design de votre page.
  • Masquer l'en-tête : activez ou désactivez cette option pour afficher ou masquer l'en-tête du profil en haut du widget de la chronologie (Oui/Non).
  • Masquer le pied de page : basculez pour afficher ou masquer la zone du pied de page au bas du widget de la chronologie (Oui/Non).
  • Masquer les bordures : activez cette option pour supprimer les bordures autour du widget de la chronologie (Oui/Non).
  • Transparent : basculez pour rendre l'arrière-plan du widget de la chronologie transparent (Oui/Non).
  • Masquer la barre de défilement : activez cette option pour masquer la barre de défilement dans le widget de la chronologie (Oui/Non).
  • Afficher les réponses : activez cette option pour inclure les réponses aux tweets dans le fil d'actualité (Oui/Non).
  • Largeur : définissez la largeur du widget de la chronologie en pixels à l'aide d'un curseur.
  • Hauteur : définissez la hauteur du widget de la chronologie en pixels à l'aide d'un curseur.
  • Alignement : définissez l'alignement horizontal du widget sur la page (à gauche, au centre ou à droite) à l'aide des commandes spécifiques à chaque appareil pour les ordinateurs de bureau, les tablettes et les appareils mobiles.
  • Langue : choisissez la langue d'affichage de l'interface du widget. Les options disponibles sont les suivantes : automatique, anglais, arabe, bengali, tchèque, danois, allemand, grec, espagnol, persan, finnois, philippin, français, hébreu, hindi, hongrois, indonésien, italien, japonais, coréen, malais, néerlandais, norvégien, polonais, portugais, roumain, etc.
X (Twitter) Onglet « Intégrer le contenu de la chronologie » affichant le nom d'utilisateur, la palette de couleurs, les options de basculement et les dimensions

Étape 3 : Personnalisez le design

Dans l'onglet Avancé, vous pouvez contrôler plus précisément la mise en page et le comportement de votre bloc X (Twitter) Embed Timeline.

Espacement :

  • Marge : définissez l'espacement extérieur autour du bloc sur les quatre côtés, avec des commandes indépendantes pour les ordinateurs de bureau, les tablettes et les appareils mobiles.
  • Remplissage : définissez l'espacement intérieur à l'intérieur du bloc wrapper sur les quatre côtés, avec des commandes par appareil.

Attributs :

  • Classe personnalisée : ajoutez une ou plusieurs classes CSS personnalisées à l'enveloppe du bloc pour un style ciblé.
  • Identifiant CSS : SeedProd génère automatiquement un identifiant CSS unique pour ce bloc. Vous pouvez l'utiliser pour référencer le bloc dans un CSS ou un JavaScript personnalisé.
  • Attributs personnalisés : ajoutez des attributs HTML personnalisés à l'élément conteneur du bloc. Entrez chaque attribut sur une nouvelle ligne en utilisant le format clé|valeur.

Visibilité des appareils :

  • Masquer sur le bureau : activez cette option pour masquer le bloc lorsqu'il est affiché sur un écran d'ordinateur.
  • Masquer sur tablette : activez cette option pour masquer le bloc lorsqu'il est affiché sur un écran de tablette.
  • Masquer sur mobile : activez cette option pour masquer le bloc lorsqu'il est affiché sur un écran mobile.

Effets d'animation :

  • Effet de défilement : appliquez une animation déclenchée par le défilement au bloc, y compris les options de défilement vertical et horizontal avec des commandes de direction, de vitesse et de décalage de la fenêtre d'affichage.
  • Effet souris : appliquez un effet de parallaxe basé sur les mouvements de la souris au bloc.
X (Twitter) Intégrer la chronologie Onglet Avancé affichant l'espacement, les attributs, la visibilité des appareils et les effets d'animation

Étape 4 : Enregistrez vos modifications

Une fois que vous avez terminé la configuration du bloc X (Twitter) Embed Timeline et personnalisé son apparence, veillez à enregistrer votre travail.


Vous avez ajouté avec succès un bloc X (Twitter) Embed Timeline à votre page ! L'intégration d'un flux de tweets en direct est un excellent moyen de donner à votre page un aspect dynamique et connecté à votre présence sur les réseaux sociaux. Utilisez la palette de couleurs, les boutons de visibilité et les commandes de dimension pour que le widget s'intègre naturellement au design de votre page.

Articles connexes