Twitter Blackbird Pie ne dispose d’aucune option, mais grâce à une simple balise, l’incrustation prend forme. L’affichage et le code généré sont très propres. Graphiquement, il reprend l’essentiel de votre compte Twitter, en une petite taille. Le fond de votre Twitter ainsi que votre avatar sont affichés. Le tweet au complet est présenté à vos visiteurs. Un bon moyen de présenter un gagnant via un concours effectué sur Twitter.

Utilisation

Pour utiliser cette extension et ses possibilités, il vous suffit de coller une des deux balises suivante dans vos articles WordPress et de remplacer le code numérique (ou l’adresse du tweet) par celui du tweet à afficher.

[blackbirdpie id="17158687759"]

[blackbirdpie url="http://twitter.com/geekeriesfr/status/17158687759"]

Tweet Archiver permet également de définir un auteur par défaut pour les tweets enregistrés. Les “hashtags” (permet de catégoriser un tweet) peuvent être convertis en mots-clefs. Les liens des “hashtags” peuvent être modifiés, pointant vers le sujet Twitter ou sur le mot-clefs de votre blog WordPress. Vous pouvez également lier les “réponses” (@). La mise en mémoire des tweets, comme des articles peut être réglée de façon automatique ou manuelle. Cependant, il est préférable d’utiliser cette extension sur un second blog.

Personnaliser votre bouton Twitter !

Twitter dispose enfin de son propre bouton communautaire de partage d’informations. Il vous est possible, grâce à ce bouton, de permettre à vos visiteurs de partager en toute simplicité vos articles sur le réseau Twitter. Plutôt bien pensé, ce bouton s”intègre parfaitement avec votre interface. Trois affiches sont disponibles et deux d’entre eux permettent d’afficher un compteur. Celui-ci re-dirige le visiteur vers la page de recherche contenant le lien de votre article. Lors de la création du bouton, vous pouvez promouvoir jusqu’à deux comptes Twitter, à inclure dans chaque tweet.

Installation, avec extension

TweetButtons est une extension vous permettant d’ajouter automatiquement le nouveau bouton de partage Twitter. Dans les options de l’extension il vous est possible d’ajouter le bouton, de façon automatique dans les pages et/ou articles de votre blog. Des options de personnalisations sont également disponibles et la possibilité d’intégrer les mots-clefs de vos articles directement en “hashtags” Vous pouvez également intégrer le bouton de partage directement dans votre flux d’informations !

Installation, compteur vertical

Pour intégrer ce nouveau bouton de partage communautaire il vous suffit de coller le code suivant là où vous souhaitez voir apparaitre le bouton Twitter. Vous pouvez également le configurer et intégrer le code donné sur la page officielle.

<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="geekeriesfr" data-lang="fr">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Installation, compteur horizontal

Pour intégrer ce nouveau bouton de partage communautaire il vous suffit de coller le code suivant là où vous souhaitez voir apparaitre le bouton Twitter. Vous pouvez également le configurer et intégrer le code donné sur la page officielle.

<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="geekeriesfr" data-lang="fr">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Installation, sans compteur

Pour intégrer ce nouveau bouton de partage communautaire il vous suffit de coller le code suivant là où vous souhaitez voir apparaitre le bouton Twitter. Vous pouvez également le configurer et intégrer le code donné sur la page officielle.

<a href="http://twitter.com/share" class="twitter-share-button" data-count="none" data-via="geekeriesfr" data-lang="fr">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Lire l’article du créateur

Afficher les personnes ayant partagées vos articles sur Twitter est un bon moyen de remercier, de façon dynamique, votre communauté. Cette mise en avant des comptes Twitter peut éventuellement faciliter le partage de vos articles sur le service en ligne Twitter. Nous vous proposons, via la technique exposée dans l’article de “MoreTechTips“, d’intégrer ce module à votre installation WordPress. Vous pouvez également coupler ce module avec les boutons de partage “Topsy” ou “Tweetmeme” pour simplifier un peu le partage.

Un affichage dynamique

L’avantage de ce genre d’affichage dynamique, c’est qu’il permet d’afficher l’intégralité des abonné(e)s ayant partagés l’article en question sur le réseau Twitter. Ce module, utilisant jQuery (hébergé via Google) permet facilement d’afficher les abonné(e)s de votre communauté ayant mentionnés le lien de votre article sans heurter au chargement global de votre blog WordPress. En effet, le contenu du module sera chargé une fois la page elle-même chargée et un texte de pré-chargement peut éventuellement être affiché. Vous pouvez télécharger le script et ainsi le modifier et l’héberger sur votre blog propre installation ou tout simplement utiliser le lien du script présent dans le code donné.

Démonstration de l’extension jQuery !

Pour l’intégrer à votre blog, il vous suffit simplement de coller les éléments suivants là où vous souhaitez voir apparaitre le module. Par exemple, le fichier “single.php” de votre thème WordPress. Si vous avez hébergé le fichier “jquery.twittertrackback.js“, il suffit de remplacer le second lien JavaScript par le chemin exact du fichier présent sur votre installation. Le script affichera alors, sous forme de liste successive à intervalle régulier, les abonné(e)s Twitter ayant partagé votre article. Ce module affichera, l’avatar de l’abonné(e), son tweet, la date, un bouton “répondre” et “partager“.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://twitter-trackbacks-widget.googlecode.com/files/jquery.twittertrackbacks-1.0.min.js"></script>

<div class="twitter-trackbacks">Chargement...</div>

Découvrez notre compte Twitter !

Il existe plusieurs façons d’afficher le nombre d’abonné(e)s de votre compte Twitter ou ceux de vos rédacteurs. De nombreux outils en ligne propose de les afficher grâce à des boutons dynamiques, comme celui de Feedburner. Mais lorsque nous voulons aller plus loin, il est nécessaire d’afficher ce nombre d’abonné(e)s en texte brut, pour ainsi le personnaliser de notre côté. WPCookies et Deluxe Blog nous propose deux façons différentes et complètement fonctionnelle. J’ai pu remarquer à quel point certain blogueur, mettant à disposition des portions de codes, ne fonctionnant pas ou seulement sur des serveurs autorisant certaines fonctions de récupération de contenu. Ces deux solutions marcherons à coup sur sur vos installations WordPress.

Le dynamisme du nombre d’abonné(e)s

Cette solution utilise tout simplement jQuery et permet d’afficher le nombre d’abonné(e)s de votre compte Twitter de façon dynamique. Utilisant la librairie jQuery, elle effectue le chargement du nombre sans complication et vous pouvez même afficher un message texte ou image lors du chargement du nombre d’abonné(e)s (…) ou “chargement“. L’attribut “#followers” sera l’élément à charger, mais peut être modifié, selon vos paramètres. Le nom de votre compte Twitter est également à renseigner dans le champ “screen_name”. Si la librairie jQuery est déjà disponible sur votre blog, il suffit de supprimer la première du script type javascript.

Rejoignez-les <span id="followers">...</span> abonné(e)s Twitter !

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
    $.ajax({
        url: 'http://api.twitter.com/1/users/show.json',
        data: {screen_name: 'geekeriesfr'},
        dataType: 'jsonp',
        success: function(data) {
            $('#followers').html(data.followers_count);
        }
    });
});
</script>

Vos “followers” Twitter

Voici la façon la plus utilisée vous permettant d’afficher le nombre d’abonné(e)s en simple texte brut et ainsi vous garantir une meilleure personnalisation. Vous pouvez également personnaliser l’affichage et style graphique avec la façon jQuery, elle n’est pas exclue. Normalement, cette fonction nécessite aucune configuration avancée activée sur votre serveur et donc devrait fonctionner sans problème. Elle se présente comme une fonction à coller le fichier “functions.php” de votre thème de votre blog. Par la suite, nous pouvons alors appeler ce chargement du nombre d’abonné(e)s n’importe où et pour n’importe qui. Excellent, si vous présentez votre équipe sur une page contenant leurs informations.

function twitter_count($username) {
$url = "http://api.twitter.com/1/users/show.xml?screen_name=".$username;

$ch = curl_init();
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_URL, $url);

$data = curl_exec($ch);
curl_close($ch);

$xml = new SimpleXMLElement($data);
$count = $xml->followers_count;

return $count;
}

Le code suivant et à paramétrer et à placer là où vous souhaitez voir apparaitre le nombre d’abonné(e)s du compte Twitter renseigné. Remplacer le nom “geekeriesfr” par le vôtre ou celui de vos rédacteurs.

<?php echo twitter_count(geekeriesfr); ?>

Découvrez le blog de l’auteur !

Twitter Connect est une extension vous permettant de connecter le réseau Twitter au système de commentaire de votre installation. Vos commentateurs auront alors la possibilité de se connecter avec leurs comptes Twitter en toute transparence et ainsi utiliser les fonctionnalités de connexion rapide et la mise en avant de leurs comptes. Un moyen simple et efficace pour votre communauté, qui seront individuellement reconnus après leurs premières connexions.

Facebook Connect est une extension du même type qui vous permet cette fois-ci d’utiliser la connexion de votre compte Facebook pour laisser votre communauté se connecter à votre espace de publication de commentaires. Celui-ci comporte toutefois quelques fonctionnalités en plus telles que le bouton de partage et son affichage personnalisé, mais également une connexion avancée aux applications et pages Facebook directement depuis le panel d’édition d’articles.

Topsy Retweet permet également de personnaliser les boutons directement depuis la page d’options. Sélectionnez les couleurs parmi la liste de treize styles différents. Une option intéressante est le fait d’actualiser automatiquement le compteur de partage. Vos visiteurs pourront ainsi voir l’évolution et la propagation du partage en lisant l’article. Un aperçu en direct de la modification des boutons est disponible et le texte peut être remplacé. Votre compte Twitter et le service d’adresse courte peuvent éventuellement être renseignés, de même qu’un mot-clef précédé d’un # (hashtag). Notons que ce hashtag (#wordpress) peut être sélectionné automatiquement depuis les mots-clefs utilisés de votre article. C’est tout de même déconseillé.

TweetMeme Button offre également des options avancées de personnalisation et de statistiques. En effet, vous pouvez choisir entre les deux styles de boutons prédéfinis (compact ou complet), mais également le style graphique en lui attribuant un style css personnalisés. La source (votre compte twitter), le service d’adresses optimisés, l’ajout d’un hashtag (pour suivre l”évolution de votre communauté) peuvent éventuellement être renseignés. Dans les statistiques, vous pouvez suivre en détail l’évolution de vos articles.

Tweet it! permet en fait de donner un avis et de partager l’article en cours de lecture sur le compte du visiteur. Pour cela, il lui suffit de cliquer sur le lien personnalisé après l’article en question, d’autoriser le plugin à se connecter à son compte Twitter (cette opération sera effectuée qu’une seule fois) et de personnaliser son message. Un lien vers l’article est automatiquement créé, facilitant ainsi le partage.

Cependant, ces dates plutôt froides, peut déranger certains. Certes, ce n’est qu’une option en plus, mais qui permet avant tout de mieux présenter les dates de vos articles et commentaires. “Time Ago” est en effet déjà intégré à WordPress. Utilisant la fonction “human_time_diff” celle-ci permet de transformer simplement une date en une date plus dynamique. Cette fonction peut également être adaptée aux commentaires.

Installation

La fonction “Time Ago” transformera les dates du type “Publié le 15 mai 2010 à 10heures” par “Publié il y a 30 minutes/heures” etc.

Il y a <?php echo human_time_diff(get_the_time('U'), current_time('timestamp')); ?>

Il y a <?php echo human_time_diff(get_comment_time('U'), current_time('timestamp')); ?>

Conclusion

Comme vous le voyez, une simple ligne permet d’activer et d’afficher cette nouvelle fonction sur votre blog WordPress. Le texte peut bien évidemment être personnalisé. Notons également que la langue de la date (hours/heures) peut varier selon la langue de votre installation WordPress.