Chronologie intégrée Twitter

Vous cherchez la BOEW v3.1?

À partir du 23 septembre 2014, la version 3.1 de la Boîte à outils de l'expérience Web n'est plus supportée. Le code source et la documentation ont été déplacés vers le dépôt wet-boew-legacy.

Questions ou commentaires?

Needs translation

But

Faciliter l'implémentation de la chronologie intégrée Twitter.

Examples

Comment implémenter

  1. Créer un nouveau widgets d'utilisateur disponible à partir des paramètre d'un compte twitter. Vous pouvez consultez la documentation, en anglais seulement, de Twitter concernant Creating an Embeddable Timeline.
  2. Pour chaques endroit que vous désirez afficher une chronologie de twitter, créer un élément div avec l'attribut class="wb-twitter". 
    <div class="wb-twitter"></div>
  3. À l'intérieur de l'élément div ajouter un lien avec les caractéristiques suivantes:
    1. class="twitter-timeline"
    2. L'attribut href avec un URL équivalent à celui de votre widgets utilisateurs twitter (ex. https://twitter.com/search?q=%23WxT)
    3. L'attribut de donnée widget-id va contenir le même id que votre widgets utilisateur (ex. "329066756620566528")
    4. Un texte qui décris la chronologie intégrée twitter (ex. Tweets à propos de "#WxT")
    <div class="wb-twitter">
	<a class="twitter-timeline" href="https://twitter.com/search?q=%23WxT" data-widget-id="329066756620566528">Tweets à propos de "#WxT"</a>
</div>
  4. Configurer votre chronologie intégré de twitter tel que documenté, en anglais seuelement, Customization Options.

Options de configuration

Toute les options de configuration sont décris dans la documentation, en anglais seulement, de twitter Customization Options.

Événement

Événement Déclencheur Ce qu'il fait
wb-init.wb-twitter Déclenché manuellemen (ex. $( ".wb-twitter" ).trigger( "wb-init.wb-twitter" );). Utilisé pour initialiser manuellement la chronologie intégré de twiter. Note: La chronologie intégré de twitter sera initialisé automatiquement à moins que le code soit ajouté après que la page ait déjà été chargée.
wb-ready.wb-twitter (v4.0.5+) Déclenché automatiquement après que le lecteur soit initialisé. Utilisé pour identifier quel lecteur est initialisé (cible de l'événement). 
$( document ).on( "wb-ready.wb-twitter", ".wb-twitter", function( event ) {
});
$( ".wb-twitter" ).on( "wb-ready.wb-twitter", function( event ) {
});
wb-ready.wb (v4.0.5+) Déclenché automatiquement quant BOEW a fini son chargement et son exécution. Utilisé pour identifier quand tous les plugiciels BOEW et les polyfills ont terminé leur chargement et leur exécution. 
$( document ).on( "wb-ready.wb", function( event ) {
});

Code source

Code source de la chronologie intégré de twitter sur GitHub

Date de modification :