Ajoutez des liens pour per­met­tre à vos vi­si­teurs de tweeter les frac­tions de vos con­te­nus tex­tuels dans l'idée du sys­tème de com­men­taires pré­sent sur le site Medium.

Sim­ple et fa­cile à uti­li­ser, choisissez la balise HTML en re­gard de la­quel­le seront créés les liens vers Twit­ter. Ex­emple de CSS four­nis dans l'aide du plu­gin pour un usa­ge im­mé­diat (dans le pur style "Flat Design").

Démonstration du du plugin.
Dé­mons­tra­tion du plu­gin sur divers para­gra­phes d'une même page.

Nouveauté

Offrez la pos­si­bi­li­té à vos vi­si­teurs de Twitter les con­te­nus tex­tuels de vos sites Text­pattern CMS au sur­li­gnage de la souris com­me en pra­ti­que sur le site "The (New) Guardian".

Usage

En rem­pla­ce­ment de la ba­lise native <txp:body /> :

<txp:pat_body_tweets tag="" full="" sign="" tooltip="" class="" content="" />

Attributs

  • tag String (optionnel) : ba­lise HTML (parmi : h sui­vit d'un ni­veau de ti­tre précis, p ou li) sur la­quel­le ap­pli­quer les liens vers Twit­ter. Défaut : p (tous les pa­ra­gra­phes).
  • full Booléen (optionnel) : Ajout du texte dans le lien vers Twi­t­ter. Défaut : 1 (true = oui).
  • sign String (op­tion­nel) : si­gne de sub­sti­tu­tion à l'icô­ne af­fi­chée pour une com­pa­ti­bi­lité avec les an­ciens na­vi­ga­teurs. Défaut : +.
  • tooltip String (optionnel) : texte de l'in­fo-bul­le pour le lien. Défaut : vide (aucun).
  • class String (optionnel) : at­tri­but de la pro­priété Cla­ss pour le con­te­neur des liens. Défaut : notes-mar­ker.
  • content string (optionnel) : dis­poni­ble pour l'in­clu­sion de balise TXP en rem­pla­ce­ment de cel­le par dé­faut body.

Usage (Twitter au surlignage de la souris)

<txp:pat_body_tweets_live id="" account="" label="" popup="" info="" tooltip="" position="" top="" right="" bottom="" color="" style="" />

Attributs

  • id : l'identifiant ID de la zone textuelle de votre site (limitation de la fonctionnalité). Défaut : wrapper (soit <div id="wrapper">).
  • account : le compte Twitter du propriétaire du site (ajout d'un hastag via @XXX en prefixe). Defaut : vide (aucun).
  • label : texte de l'icône Twitter. Defaut : Tweet it!.
  • popup (booléen) optionnel. Choix entre "popup" ou "nouvelle fenêtre" pour l'affichage de Twitter. Défaut: nouvel onglet (0 = non).
  • info (booléen) optionnel. Choix d'affichage d'un symbole informant les visiteurs de la présence de la fonctionnalité. Défaut: non (0 = non).
  • tooltip (chaîne) optionnel. Le texte de l'info-bulle de l'iccône Twitter. Défaut: "You can Tweet this text on mouse selection".
  • position (booléen) optionnel. La position de l'icône Twitter (cf. l'attribut info) par rapport au conteneur (cf. l'attribut id). Défaut: 0 (après le conteneur).
  • top (chaîne) optionnel. La position CSS top par rapport au conteneur. Défaut: 0.
  • right (chaîne) optionnel. La position CSS right par rapport au conteneur. Défaut: 0.
  • bottom (chaîne) optionnel. La position CSS bottom par rapport au conteneur. Défaut: 0.
  • color (chaîne) optionnel. La couleur de fond (background) de l'icône Twitter. Défaut: #00aced.
  • style (chaîne) optionnel. Permet d'ajouter des règles de styles CSS (appliquées à l'icône Twitter). Défaut: vide (aucun).

Téléchar­gement gratuit (v. 0.3.4)

Installez le plu­gin comme à l'ac­cou­tumé  :

Prendre

Ou retourner sur le site des "pat-plugins"

EN